:root{--bg-dark:#0f172a;--bg-card:#1e293b;--bg-terminal:#020617;--bg-lighter:#334155;--bg-input:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#6366f1;--primary-glow:#6366f166;--secondary:#a855f7;--accent-green:#4ade80;--border-color:#334155;--glass-bg:#0f172ad9;--error:#ef4444;--success:#4ade80}html.light{--bg-dark:#f8fafc;--bg-card:#fff;--bg-terminal:#f1f5f9;--bg-lighter:#e2e8f0;--bg-input:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--primary:#6366f1;--primary-glow:#6366f133;--secondary:#a855f7;--accent-green:#10b981;--border-color:#e2e8f0;--glass-bg:#ffffffd9;--error:#ef4444;--success:#10b981}.form-group input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:0 0 0px 1000px var(--bg-lighter) inset!important;border:1px solid var(--border-color)!important}.form-group input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:0 0 0px 1000px var(--bg-lighter) inset!important;border:1px solid var(--border-color)!important}.form-group input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:0 0 0px 1000px var(--bg-lighter) inset!important;border:1px solid var(--border-color)!important}.otp-input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:0 0 0px 1000px var(--bg-lighter) inset!important;border:1px solid var(--border-color)!important}.otp-input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:0 0 0px 1000px var(--bg-lighter) inset!important;border:1px solid var(--border-color)!important}.otp-input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:0 0 0px 1000px var(--bg-lighter) inset!important;border:1px solid var(--border-color)!important}html.light .form-group input:-webkit-autofill{-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:inset 0 0 0 1000px #e8edf3!important}html.light .form-group input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:inset 0 0 0 1000px #e8edf3!important}html.light .form-group input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:inset 0 0 0 1000px #e8edf3!important}html.light .otp-input:-webkit-autofill{-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:inset 0 0 0 1000px #e8edf3!important}html.light .otp-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:inset 0 0 0 1000px #e8edf3!important}html.light .otp-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:inset 0 0 0 1000px #e8edf3!important}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;height:auto}body{background-color:var(--bg-dark);color:var(--text-main);flex-direction:column;width:100%;min-height:100vh;padding-top:70px;font-family:Inter,sans-serif;line-height:1.6;display:flex}nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;box-sizing:border-box;align-items:center;height:70px;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}nav .nav-content{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;overflow:hidden}.logo{cursor:pointer;color:var(--text-main);flex-shrink:0;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{object-fit:contain;flex-shrink:0;width:35px;height:35px}.nav-theme-toggle{color:var(--text-main);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px;font-size:1.3rem;transition:all .3s;display:flex}.nav-theme-toggle:hover{color:var(--primary);transform:scale(1.1)}.auth-toggle{background:var(--bg-input);border-radius:10px;margin-bottom:30px;padding:4px;display:flex}.auth-toggle button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s}.auth-toggle button.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.auth-toggle button:hover:not(.active){color:var(--text-main)}.hidden{display:none!important}.auth-container{box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;padding:40px 20px;display:flex;position:relative}.blob{filter:blur(100px);opacity:.12;z-index:0;pointer-events:none;border-radius:50%;width:500px;height:500px;position:fixed}.blob-1{background:var(--primary);top:-200px;left:-200px}.blob-2{background:var(--secondary);bottom:-200px;right:-200px}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);z-index:1;box-sizing:border-box;border-radius:16px;width:100%;max-width:420px;margin:0 auto;padding:32px;position:relative;box-shadow:0 20px 40px #0000004d}.auth-header{text-align:center;margin-bottom:24px}.auth-header h1{background:linear-gradient(to right, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2rem;font-weight:700}.auth-header p{color:var(--text-muted);font-size:.95rem}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-main);font-size:.85rem;font-weight:500}.form-group input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:all .2s}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.form-group input.error{border-color:var(--error)}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{flex:1;padding-right:45px}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .2s;display:flex;position:absolute;right:10px}.password-toggle:hover{color:var(--text-main)}.form-actions{justify-content:flex-end;font-size:.9rem;display:flex}.forgot-password{color:var(--primary);font-weight:500;text-decoration:none;transition:all .2s}.forgot-password:hover{color:var(--secondary);text-decoration:underline}.floating-group{width:100%;position:relative}.floating-group input,.password-wrapper input{height:46px;line-height:1.2;padding:16px 14px 4px!important}.floating-group label,.password-wrapper label{color:var(--text-muted);pointer-events:none;transform-origin:0 0;font-size:.85rem;transition:all .12s ease-out;position:absolute;top:50%;left:14px;transform:translateY(-50%)}:-webkit-any(.floating-group input:focus~label,.floating-group input:not(:placeholder-shown)~label,.floating-group input:-webkit-autofill~label,.password-wrapper input:focus~label,.password-wrapper input:not(:placeholder-shown)~label,.password-wrapper input:-webkit-autofill~label){color:var(--primary);transform:translateY(-95%)scale(.78)}:is(.floating-group input:focus~label,.floating-group input:not(:placeholder-shown)~label,.floating-group input:autofill~label,.password-wrapper input:focus~label,.password-wrapper input:not(:placeholder-shown)~label,.password-wrapper input:autofill~label){color:var(--primary);transform:translateY(-95%)scale(.78)}.password-strength{margin-top:4px}.strength-bar{gap:4px;margin-bottom:4px;display:flex}.strength-segment{background:var(--bg-lighter);border-radius:2px;flex:1;height:4px;transition:background .3s}.strength-segment.weak{background:#ef4444}.strength-segment.fair{background:#f97316}.strength-segment.good{background:#eab308}.strength-segment.strong{background:#22c55e}.strength-text{color:var(--text-muted);font-size:.75rem}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px 20px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{background:#5558e3;transform:translateY(-2px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.divider{text-align:center;color:var(--text-muted);align-items:center;margin:18px 0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.divider:before{margin-right:10px}.divider:after{margin-left:10px}.btn-google{color:#333;border:1px solid var(--border-color);background:#fff;justify-content:center;align-items:center;gap:10px;font-weight:600;display:flex}.btn-google:hover{background:#f1f5f9;transform:translateY(-1px)}.google-logo{width:20px;height:20px}.auth-footer{text-align:center;color:var(--text-muted);margin-top:25px;font-size:.9rem}.auth-footer p{margin-bottom:4px}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.auth-footer a:hover{color:var(--secondary);text-decoration:underline}.error-message{color:var(--error);margin-top:4px;font-size:.82rem;display:none}.error-message.show{display:block}.form-error-box{color:var(--error);text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:12px;font-size:.88rem;display:none}.form-error-box.show{display:block}.success-message{color:var(--accent-green);text-align:center;background:#4ade801a;border:1px solid #4ade804d;border-radius:8px;margin-bottom:20px;padding:12px;font-size:.9rem;display:none}.success-message.show{display:block}.otp-row{justify-content:center;gap:10px;margin:20px 0;display:flex}.otp-input{border:2px solid var(--border-color);background:var(--bg-input);width:50px;height:58px;color:var(--text-main);text-align:center;caret-color:var(--primary);border-radius:10px;font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700;transition:all .2s}.otp-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.otp-input.filled{border-color:var(--primary)}.otp-input.error{border-color:var(--error);animation:.4s ease-in-out shake}.spinner{border:3px solid var(--bg-lighter);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin:0 auto;animation:.8s linear infinite spin}.btn.loading{color:#0000;position:relative}.btn.loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;animation:.6s linear infinite spin;position:absolute;top:50%;left:50%}.btn-google.loading:after{border-color:#333 #0000001a #0000001a}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.slide-in-up{animation:.4s cubic-bezier(.4,0,.2,1) forwards slideInUp}.slide-out-left{animation:.3s cubic-bezier(.4,0,.2,1) forwards slideOutLeft}.slide-in-right{animation:.3s cubic-bezier(.4,0,.2,1) forwards slideInRight}.slide-out-right{animation:.3s cubic-bezier(.4,0,.2,1) forwards slideOutRight}.slide-in-left{animation:.3s cubic-bezier(.4,0,.2,1) forwards slideInLeft}@media (max-width:600px){.auth-card{width:calc(100% - 40px);max-width:none;padding:24px 20px}.auth-container{padding:30px 20px 20px}.blob{width:300px;height:300px}.otp-input{width:42px;height:50px;font-size:1.2rem}}@media (max-width:480px){.auth-card{width:calc(100% - 36px);padding:22px 18px}.auth-container{padding:25px 18px 15px}.auth-header h1{font-size:1.75rem}.otp-input{gap:6px;width:38px;height:46px;font-size:1.1rem}.otp-row{gap:7px}}@media (max-width:320px){.auth-card{border-radius:10px;width:100%;padding:16px 12px}.auth-container{padding:12px 8px}.auth-header{margin-bottom:14px}.auth-header h1{font-size:1.4rem}.auth-header p{font-size:.82rem}.auth-toggle{margin-bottom:16px}.auth-form{gap:10px}.btn-google{padding:8px 12px!important;font-size:.85rem!important}.btn-primary{padding:10px 14px!important;font-size:.85rem!important}.floating-group input,.password-wrapper input{height:40px!important;padding:13px 10px 1px!important;font-size:.85rem!important}.floating-group label,.password-wrapper label{font-size:.8rem!important;left:10px!important}:-webkit-any(.floating-group input:focus~label,.floating-group input:not(:placeholder-shown)~label,.floating-group input:-webkit-autofill~label,.password-wrapper input:focus~label,.password-wrapper input:not(:placeholder-shown)~label,.password-wrapper input:-webkit-autofill~label){transform:translateY(-80%)scale(.72)!important}:is(.floating-group input:focus~label,.floating-group input:not(:placeholder-shown)~label,.floating-group input:autofill~label,.password-wrapper input:focus~label,.password-wrapper input:not(:placeholder-shown)~label,.password-wrapper input:autofill~label){transform:translateY(-80%)scale(.72)!important}.password-toggle{padding:4px!important;right:4px!important}.otp-input{width:32px;height:40px;font-size:.95rem}.otp-row{gap:4px}}