@charset "UTF-8";.welcome-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:10000;overflow:hidden}.welcome-overlay:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.08) 0%,transparent 50%);animation:float 20s ease-in-out infinite}.welcome-container{position:relative;width:90%;max-width:600px;min-height:500px;background:#fffffffa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:24px;padding:48px 40px 32px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff4d;display:flex;flex-direction:column;align-items:center}.skip-btn{position:absolute;top:20px;right:20px;background:transparent;border:1px solid #e2e8f0;color:#64748b;padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s;z-index:10}.skip-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#334155}.slides-wrapper{flex:1;width:100%;display:flex;align-items:center;justify-content:center;position:relative;min-height:400px}.slide{width:100%;display:flex;flex-direction:column;align-items:center;gap:32px;padding:20px 0}.slide-visual{width:200px;height:200px;display:flex;align-items:center;justify-content:center}.feature-svg{width:100%;height:100%}.slide-content{text-align:center;max-width:480px}.slide-title{margin:0 0 8px;font-size:28px;font-weight:700;color:#2c5364;background:linear-gradient(135deg,#2c5364,#4fd1c5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.slide-subtitle{margin:0 0 16px;font-size:18px;font-weight:600;color:#64748b}.slide-description{margin:0;font-size:15px;line-height:1.7;color:#64748b}.selection-slide{gap:24px}.selection-title{margin:0 0 8px;font-size:32px;font-weight:700;color:#2c5364}.selection-subtitle{margin:0 0 32px;font-size:16px;color:#64748b}.selection-buttons{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.selection-btn{display:flex;align-items:center;gap:20px;padding:24px;border-radius:16px;border:2px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;width:100%}.selection-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 10px 30px #667eea4d}.selection-btn.primary:hover{transform:translateY(-4px);box-shadow:0 15px 40px #667eea66}.selection-btn.primary .btn-icon{font-size:32px}.selection-btn.primary .btn-title{color:#fff}.selection-btn.primary .btn-desc{color:#ffffffe6}.selection-btn.secondary{background:#fff;border-color:#e2e8f0;color:#2c5364}.selection-btn.secondary:hover{border-color:#4fd1c5;background:#f0fdfa;transform:translateY(-2px);box-shadow:0 10px 25px #4fd1c533}.selection-btn.secondary .btn-icon{font-size:28px}.selection-btn.secondary .btn-title{color:#2c5364}.selection-btn.secondary .btn-desc{color:#64748b}.btn-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.btn-content{flex:1;display:flex;flex-direction:column;gap:4px}.btn-title{font-size:18px;font-weight:700;margin:0}.btn-desc{font-size:13px;margin:0;line-height:1.4}.slide-controls{width:100%;display:flex;flex-direction:column;gap:20px;align-items:center;margin-top:24px}.dots{display:flex;gap:8px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1;border:none;padding:0;cursor:pointer;transition:all .3s}.dot.active{width:24px;border-radius:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.dot:hover:not(.active){background:#94a3b8;transform:scale(1.2)}.navigation-buttons{display:flex;gap:12px}.nav-btn{padding:12px 32px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.nav-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.nav-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.nav-btn.secondary{background:#fff;color:#64748b;border:1px solid #e2e8f0}.nav-btn.secondary:hover{background:#f8fafc;border-color:#cbd5e1}.logo-pulse{animation:pulse 2s ease-in-out infinite}.logo-text{animation:fadeIn 1s ease-in}.orbit-dot{animation:orbit 4s linear infinite;transform-origin:100px 100px}.orbit-dot.dot-1{animation-delay:0s}.orbit-dot.dot-2{animation-delay:1s}.orbit-dot.dot-3{animation-delay:2s}.orbit-dot.dot-4{animation-delay:3s}.pulse-circle{animation:pulse 3s ease-in-out infinite}.chat-bubble{animation:slideUp .6s ease-out}.chat-bubble.bubble-1{animation-delay:.2s}.chat-dot{animation:typing 1.4s ease-in-out infinite}.chat-dot:nth-child(3){animation-delay:.2s}.chat-dot:nth-child(4){animation-delay:.4s}.chat-dot:nth-child(5){animation-delay:.6s}.knowledge-node{animation:nodeAppear .6s ease-out backwards}.knowledge-node.node-center{animation-delay:0s}.knowledge-node.node-1{animation-delay:.2s}.knowledge-node.node-2{animation-delay:.3s}.knowledge-node.node-3{animation-delay:.4s}.knowledge-node.node-4{animation-delay:.5s}.knowledge-line{animation:drawLine .8s ease-out backwards;stroke-dasharray:100;stroke-dashoffset:100}.knowledge-line.line-1{animation-delay:.6s}.knowledge-line.line-2{animation-delay:.7s}.knowledge-line.line-3{animation-delay:.8s}.knowledge-line.line-4{animation-delay:.9s}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.1);opacity:.3}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes orbit{0%{transform:rotate(0) translate(60px) rotate(0)}to{transform:rotate(360deg) translate(60px) rotate(-360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:.8;transform:translateY(0)}}@keyframes typing{0%,60%,to{opacity:1;transform:translateY(0)}30%{opacity:.3;transform:translateY(-2px)}}@keyframes nodeAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes drawLine{to{stroke-dashoffset:0}}@media (max-width: 640px){.welcome-container{width:95%;padding:40px 24px 24px;min-height:450px}.slide-visual{width:160px;height:160px}.slide-title{font-size:24px}.slide-subtitle{font-size:16px}.slide-description{font-size:14px}.selection-title{font-size:26px}.selection-buttons{max-width:100%}.selection-btn{padding:20px 16px;gap:16px}.selection-btn.primary .btn-icon{font-size:28px}.selection-btn.secondary .btn-icon{font-size:24px}.btn-title{font-size:16px}.btn-desc{font-size:12px}.nav-btn{padding:10px 24px;font-size:14px}}.login-page .container{display:flex;min-height:100vh;width:100%;overflow:hidden;overflow-y:scroll}.login-page .brand-section{flex:1;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;padding:40px;overflow:hidden}.login-page .brand-content{position:relative;z-index:2;max-width:480px;width:100%}.login-page .logo-area{display:flex;align-items:center;margin-bottom:24px}.login-page .logo-icon{background:#4fd1c5;color:#0f2027;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;margin-right:12px;box-shadow:0 4px 6px #0003}.login-page h1{font-size:28px;font-weight:300;letter-spacing:2px;margin:0}.login-page .tagline{font-size:32px;font-weight:700;line-height:1.3;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.login-page .description{font-size:16px;line-height:1.6;opacity:.9;font-weight:300}.login-page .visual-nodes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.3;pointer-events:none}.login-page .node{position:absolute;background:#ffffff26;border-radius:50%}.login-page .n1{width:140px;height:140px;top:-20px;right:-20px}.login-page .n2{width:80px;height:80px;top:40%;left:10%}.login-page .n3{width:200px;height:200px;bottom:-50px;left:20%}.login-page .form-section{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;padding:20px;position:relative;z-index:5}.login-page .form-wrapper{width:100%;max-width:380px}.login-page h2{font-size:26px;color:#1a202c;margin:0 0 8px}.login-page .sub-text{color:#718096;font-size:14px;margin:0 0 32px}.login-page .input-group{margin-bottom:20px}.login-page label{display:block;font-size:13px;font-weight:600;color:#4a5568;margin-bottom:8px}.login-page input{width:100%;padding:14px;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;background:#f7fafc;transition:all .2s}.login-page input:focus{outline:none;background:#fff;border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c526}.login-page .form-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:13px}.login-page .checkbox{display:flex;align-items:center;cursor:pointer;color:#4a5568;-webkit-user-select:none;user-select:none}.login-page .checkbox input{margin-right:8px;width:auto}.login-page .forgot-link{color:#2c5364;text-decoration:none;font-weight:500}.login-page .submit-btn{width:100%;padding:16px;background-color:#2c5364;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 6px #2c536433}.login-page .submit-btn:active{transform:scale(.98)}.login-page .submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-page .footer-note{margin-top:24px;font-size:11px;color:#a0aec0;text-align:center;line-height:1.5}.login-page .loader{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.login-page .container{flex-direction:column;min-height:100dvh}.login-page .brand-section{flex:0 0 auto;min-height:260px;padding:30px 24px 60px;align-items:flex-start}.login-page .brand-content{max-width:100%}.login-page .tagline{font-size:24px;margin-bottom:0}.login-page .desktop-only{display:none}.login-page .form-section{flex:1;align-items:flex-start;padding:32px 24px;border-top-left-radius:24px;border-top-right-radius:24px;margin-top:-30px;box-shadow:0 -4px 20px #0000000d}.login-page .form-header{text-align:center;margin-bottom:24px}.login-page .submit-btn{padding:14px}}.login-page .switch-mode-box{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0;text-align:center;font-size:14px;color:#64748b;display:flex;justify-content:center;align-items:center;gap:8px}.login-page .switch-mode-box .switch-btn{background:none;border:none;color:#2c5364;font-weight:700;cursor:pointer;padding:0;font-size:14px;text-decoration:underline;transition:color .2s}.login-page .switch-mode-box .switch-btn:hover{color:#4fd1c5}@media (max-width: 768px){.login-page .switch-mode-box{flex-direction:column;gap:4px}}.login-page .agreement-box{font-size:12px;color:#64748b;margin:16px 0 12px;line-height:1.5;text-align:center}.login-page .agreement-box a{color:#2c5364;text-decoration:underline}.login-page .agreement-box a:hover{color:#4fd1c5}.login-page .form-section-title{font-size:14px;font-weight:700;color:#94a3b8;margin:24px 0 12px;padding-bottom:4px;border-bottom:1px dashed #e2e8f0}.login-page button.forgot-link{background:none;border:none;padding:0;font-family:inherit;cursor:pointer;color:#2c5364;text-decoration:none;font-weight:500;font-size:13px}.login-page button.forgot-link:hover{text-decoration:underline}.login-page .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.login-page .modal-content{background:#fff;width:90%;max-width:400px;padding:32px;border-radius:16px;box-shadow:0 20px 40px #0003;animation:slideUp .3s ease-out}.login-page .modal-content h3{margin:0 0 12px;font-size:20px;color:#2c5364}.login-page .modal-content .modal-desc{font-size:14px;color:#64748b;margin-bottom:24px;line-height:1.6}.login-page .modal-content .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.login-page .modal-content .modal-actions button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.login-page .modal-content .modal-actions .btn-cancel{background:transparent;border:1px solid #e2e8f0;color:#64748b}.login-page .modal-content .modal-actions .btn-cancel:hover{background:#f8fafc}.login-page .modal-content .modal-actions .btn-submit{background:#2c5364;border:none;color:#fff}.login-page .modal-content .modal-actions .btn-submit:hover{background:#1a3642}.login-page .modal-content .modal-actions .btn-submit:disabled{opacity:.7;cursor:not-allowed}.login-page .loader.small{width:16px;height:16px;border-width:2px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.login-page .input-help{font-size:11px;color:#64748b;margin-top:4px;line-height:1.4}