@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark:220 25% 6%;--bg-card:220 25% 10%;--text-primary:0 0% 100%;--text-secondary:220 15% 75%;--text-muted:220 10% 50%;--neon-cyan:180 100% 50%;--neon-purple:280 100% 60%;--neon-pink:320 100% 60%;--neon-blue:210 100% 55%;--success:140 80% 50%;--error:350 80% 55%;--warning:45 90% 55%;--border-color:#ffffff14;--input-bg:#ffffff08;--input-focus-border:#00f2fe80;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--glass-blur:16px}[data-theme=light]{--bg-dark:220 20% 95%;--bg-card:0 0% 100%;--text-primary:220 25% 10%;--text-secondary:220 15% 30%;--text-muted:220 10% 50%;--neon-cyan:185 90% 45%;--neon-purple:275 80% 50%;--neon-pink:320 85% 50%;--neon-blue:215 90% 45%;--border-color:#00000014;--input-bg:#00000005;--input-focus-border:#00b4d880}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:hsl(var(--bg-dark));color:hsl(var(--text-primary));justify-content:center;align-items:center;min-height:100vh;transition:background-color .5s;display:flex;position:relative;overflow-x:hidden}.bg-blobs{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(100px);opacity:.15;border-radius:50%;transition:all 1s;position:absolute}.blob-1{background:radial-gradient(circle, hsl(var(--neon-purple)) 0%, transparent 70%);width:50vw;height:50vw;animation:25s ease-in-out infinite alternate float-blob-1;top:-10%;left:-10%}.blob-2{background:radial-gradient(circle, hsl(var(--neon-cyan)) 0%, transparent 70%);width:60vw;height:60vw;animation:30s ease-in-out infinite alternate float-blob-2;bottom:-15%;right:-10%}.blob-3{background:radial-gradient(circle, hsl(var(--neon-pink)) 0%, transparent 70%);opacity:.08;width:35vw;height:35vw;animation:20s ease-in-out infinite alternate float-blob-3;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes float-blob-1{0%{transform:translate(0)scale(1)}50%{transform:translate(10%,15%)scale(1.1)}to{transform:translate(-5%,5%)scale(.9)}}@keyframes float-blob-2{0%{transform:translate(0)scale(1)}50%{transform:translate(-15%,-10%)scale(.95)}to{transform:translate(5%,-5%)scale(1.05)}}@keyframes float-blob-3{0%{transform:translate(-50%,-50%)rotate(0)}50%{transform:translate(-40%,-45%)rotate(180deg)}to{transform:translate(-55%,-55%)rotate(360deg)}}.auth-wrapper{z-index:1;width:100%;max-width:460px;padding:1.5rem;position:relative}.auth-card{-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);transition:var(--transition-smooth);background:#ffffff05;border-radius:24px;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000040}[data-theme=light] .auth-card{background:#ffffffa6;box-shadow:0 20px 45px #0000000f}.auth-card:before{content:"";background:linear-gradient(90deg, hsl(var(--neon-cyan)), hsl(var(--neon-purple)), hsl(var(--neon-pink)));width:100%;height:4px;position:absolute;top:0;left:0}.auth-header{text-align:center;margin-bottom:2rem}.logo-container{width:54px;height:54px;color:hsl(var(--neon-cyan));transition:var(--transition-smooth);background:linear-gradient(135deg,#00f2fe1a,#ba0cf81a);border:1px solid #00f2fe33;border-radius:16px;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex;box-shadow:0 8px 16px #00f2fe1a}.logo-container:hover{border-color:hsl(var(--neon-purple));color:hsl(var(--neon-purple));transform:rotate(10deg)scale(1.05);box-shadow:0 8px 16px #ba0cf833}.auth-title{letter-spacing:-.5px;background:linear-gradient(90deg, #fff, hsl(var(--text-secondary)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.85rem;font-weight:700}[data-theme=light] .auth-title{background:linear-gradient(90deg, #000, hsl(var(--text-secondary)));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.auth-subtitle{color:hsl(var(--text-secondary));font-size:.95rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{position:relative}.input-container{align-items:center;display:flex;position:relative}.form-group input{background:var(--input-bg);border:1px solid var(--border-color);width:100%;font-family:var(--font-family);color:hsl(var(--text-primary));transition:var(--transition-smooth);border-radius:12px;outline:none;padding:1.25rem 2.75rem .55rem 1rem;font-size:1rem}.form-group input::placeholder{color:#0000}.form-group label{color:hsl(var(--text-muted));pointer-events:none;transition:var(--transition-smooth);font-size:1rem;position:absolute;top:.9rem;left:1rem}.form-group input:focus~label,.form-group input:not(:placeholder-shown)~label{color:hsl(var(--neon-cyan));font-size:.75rem;font-weight:600;top:.3rem}.form-group input:focus{border-color:hsl(var(--neon-cyan));background:#00f2fe03;box-shadow:0 0 15px #00f2fe14}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0a0c12fa!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0a0c12fa!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0a0c12fa!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0a0c12fa!important}[data-theme=light] input:-webkit-autofill{-webkit-text-fill-color:#000!important;-webkit-box-shadow:inset 0 0 0 1000px #fffffffa!important}[data-theme=light] input:-webkit-autofill:hover{-webkit-text-fill-color:#000!important;-webkit-box-shadow:inset 0 0 0 1000px #fffffffa!important}[data-theme=light] input:-webkit-autofill:focus{-webkit-text-fill-color:#000!important;-webkit-box-shadow:inset 0 0 0 1000px #fffffffa!important}[data-theme=light] input:-webkit-autofill:active{-webkit-text-fill-color:#000!important;-webkit-box-shadow:inset 0 0 0 1000px #fffffffa!important}.password-toggle{color:hsl(var(--text-muted));cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;right:.85rem}.password-toggle:hover{color:hsl(var(--text-primary));background:#ffffff0d}.form-options{justify-content:space-between;align-items:center;margin-top:-.25rem;font-size:.85rem;display:flex}.remember-me{cursor:pointer;color:hsl(var(--text-secondary));align-items:center;gap:.5rem;display:flex}.remember-me input{cursor:pointer;accent-color:hsl(var(--neon-cyan))}.forgot-link{color:hsl(var(--neon-cyan));transition:var(--transition-smooth);font-weight:500;text-decoration:none}.forgot-link:hover{text-shadow:0 0 8px #00f2fe66;color:hsl(var(--neon-blue))}.submit-btn{background:linear-gradient(135deg, hsl(var(--neon-cyan)), hsl(var(--neon-blue)));color:#0b0e14;font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.95rem;font-size:1rem;font-weight:600;display:flex;box-shadow:0 4px 15px #00f2fe33}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg, hsl(var(--neon-cyan)), hsl(var(--neon-purple)));color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00f2fe59}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-divider{text-align:center;color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:1px;align-items:center;margin:1.5rem 0;font-size:.8rem;display:flex}.form-divider:before,.form-divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.form-divider:not(:empty):before{margin-right:.75em}.form-divider:not(:empty):after{margin-left:.75em}.social-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.social-btn{background:var(--input-bg);border:1px solid var(--border-color);color:hsl(var(--text-primary));font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;font-weight:500;display:flex}.social-btn:hover{border-color:hsl(var(--text-muted));background:#ffffff0d}[data-theme=light] .social-btn:hover{background:#0000000d}.toggle-view-text{text-align:center;color:hsl(var(--text-secondary));margin-top:1.75rem;font-size:.9rem}.toggle-view-btn{color:hsl(var(--neon-cyan));font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:0 .25rem;font-weight:600}.toggle-view-btn:hover{text-shadow:0 0 8px #00f2fe66;color:hsl(var(--neon-purple))}.password-strength-container{margin-top:.5rem}.strength-label{color:hsl(var(--text-muted));justify-content:space-between;margin-bottom:.25rem;font-size:.75rem;display:flex}.strength-bar{gap:4px;width:100%;height:4px;display:flex}.strength-segment{height:100%;transition:var(--transition-smooth);background:#ffffff14;border-radius:2px;flex:1}.strength-segment.active-weak{background:hsl(var(--error));box-shadow:0 0 8px #ff4b4b80}.strength-segment.active-medium{background:hsl(var(--warning));box-shadow:0 0 8px #ffb22980}.strength-segment.active-strong{background:hsl(var(--success));box-shadow:0 0 8px #2ecc7180}@keyframes shake{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-8px)}30%,60%,90%{transform:translate(8px)}}.shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both shake}.theme-toggle-fixed{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);width:44px;height:44px;color:hsl(var(--text-primary));cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;display:flex;position:fixed;top:1.5rem;right:1.5rem}.theme-toggle-fixed:hover{background:#ffffff14;transform:scale(1.05)}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);color:#fff;pointer-events:auto;background:#0f1219d9;border-radius:12px;align-items:center;gap:.75rem;padding:.9rem 1.5rem;font-size:.9rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards toast-in;display:flex;box-shadow:0 10px 25px #0003}.toast-success{border-left:4px solid hsl(var(--success))}.toast-error{border-left:4px solid hsl(var(--error))}.toast-info{border-left:4px solid hsl(var(--neon-cyan))}@keyframes toast-in{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-card{text-align:center}.user-avatar{background:linear-gradient(135deg, hsl(var(--neon-cyan)), hsl(var(--neon-purple)));color:#0b0e14;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2.2rem;font-weight:700;display:flex;box-shadow:0 8px 20px #00f2fe40}.user-email{color:hsl(var(--text-primary));margin-bottom:.5rem;font-size:1.1rem;font-weight:500}.user-meta{color:hsl(var(--text-muted));border:1px solid var(--border-color);word-break:break-all;background:#ffffff05;border-radius:10px;margin-bottom:2rem;padding:.75rem;font-family:monospace;font-size:.8rem}.logout-btn{border:1px solid hsl(var(--error));color:hsl(var(--error));font-family:var(--font-family);cursor:pointer;width:100%;transition:var(--transition-smooth);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;font-weight:600;display:flex}.logout-btn:hover{background:hsl(var(--error));color:#fff;box-shadow:0 5px 15px #ff4b4b33}