.login-container{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-backdrop{background:radial-gradient(circle at 20% 20%,rgb(var(--gold)/.08)0%,transparent 50%),radial-gradient(circle at 80% 80%,rgb(var(--vinyl)/.06)0%,transparent 50%),radial-gradient(circle at 50% 50%,rgb(var(--plum-glow)/.5)0%,transparent 100%),rgb(var(--midnight));z-index:-1;position:fixed;inset:0}.login-card{background:rgb(var(--night-soft)/max(calc(.9*var(--glass-k,1)),var(--glass-floor,0)));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgb(var(--gold)/.15);width:100%;max-width:460px;box-shadow:0 8px 32px rgb(var(--shade)/.5),0 0 80px rgb(var(--gold)/.04);border-radius:20px;padding:40px 36px}.login-card--login{max-width:420px}.welcome-logo{text-align:center;margin-bottom:20px;animation:.5s .1s both fadeScaleIn}.welcome-logo-img{width:auto;height:140px;filter:drop-shadow(0 8px 24px rgb(var(--shade)/.6))}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.welcome-value{text-align:center;animation:.5s .2s both fadeScaleIn}.welcome-heading{font-family:var(--font-bebas),sans-serif;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,rgb(var(--ink))30%,rgb(var(--gold))100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.8rem;line-height:1.1}.welcome-subtitle{font-family:var(--font-inter),sans-serif;color:rgb(var(--ink)/var(--text-alpha-55));max-width:340px;margin:8px auto 0;font-size:.85rem;line-height:1.5}.welcome-pills{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;animation:.5s .3s both fadeScaleIn;display:flex}.welcome-pill{font-family:var(--font-space),monospace;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ink)/var(--text-alpha-70));background:rgb(var(--gold)/.08);border:1px solid rgb(var(--gold)/.12);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.72rem;display:inline-flex}.welcome-pill-icon{color:rgb(var(--gold)/.7);font-size:.8rem;display:inline-flex}.welcome-preview{background:rgb(var(--panel)/max(calc(.6*var(--glass-k,1)),var(--glass-floor,0)));border:1px solid rgb(var(--gold)/.1);border-radius:14px;margin-top:20px;padding:18px;animation:.5s .35s both fadeScaleIn}.preview-label{font-family:var(--font-bebas),sans-serif;text-transform:uppercase;letter-spacing:.1em;color:rgb(var(--gold)/.5);margin-bottom:12px;font-size:.65rem}.preview-metrics{grid-template-columns:1fr 1fr;gap:10px;display:grid}.preview-metric{background:rgb(var(--midnight)/max(calc(.5*var(--glass-k,1)),var(--glass-floor,0)));border-radius:10px;padding:12px}.preview-metric-label{font-family:var(--font-space),monospace;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--ink)/var(--text-alpha-55));align-items:center;gap:6px;font-size:.6rem;display:flex}.preview-metric-badge{background:rgb(var(--vinyl)/.2);color:rgb(var(--vinyl));font-size:.55rem;font-weight:700;font-family:var(--font-space),monospace;letter-spacing:.04em;border-radius:4px;padding:2px 6px}.preview-metric-value{font-family:var(--font-space),monospace;color:rgb(var(--ink));margin-top:4px;font-size:1.15rem;font-weight:700}.preview-metric-change{font-family:var(--font-space),monospace;color:rgb(var(--positive));margin-top:2px;font-size:.68rem}.preview-bars{align-items:flex-end;gap:4px;height:52px;margin-top:14px;display:flex}.preview-bar{background:rgb(var(--gold)/.25);transform-origin:bottom;border-radius:2px 2px 0 0;flex:1;animation:.4s ease-out both barGrow}.preview-bar--accent{background:rgb(var(--gold)/.7)}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.preview-bar:first-child{animation-delay:.5s}.preview-bar:nth-child(2){animation-delay:.54s}.preview-bar:nth-child(3){animation-delay:.58s}.preview-bar:nth-child(4){animation-delay:.62s}.preview-bar:nth-child(5){animation-delay:.66s}.preview-bar:nth-child(6){animation-delay:.7s}.preview-bar:nth-child(7){animation-delay:.74s}.preview-bar:nth-child(8){animation-delay:.78s}.preview-bar:nth-child(9){animation-delay:.82s}.preview-bar:nth-child(10){animation-delay:.86s}.preview-bar:nth-child(11){animation-delay:.9s}.preview-bar:nth-child(12){animation-delay:.94s}.preview-categories{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.preview-cat{font-family:var(--font-space),monospace;border-radius:12px;padding:4px 10px;font-size:.65rem;font-weight:500}.preview-cat--green{background:rgb(var(--positive)/.12);color:rgb(var(--positive))}.preview-cat--gold{background:rgb(var(--gold)/.12);color:rgb(var(--gold))}.preview-cat--orange{background:rgb(var(--vinyl)/.12);color:rgb(var(--vinyl))}.preview-cat--purple{background:rgb(var(--violet-400)/.12);color:rgb(var(--violet-400))}.welcome-ctas{margin-top:24px;animation:.5s .5s both fadeScaleIn}.welcome-cta-primary{background:linear-gradient(135deg,rgb(var(--vinyl))0%,rgb(var(--gold))100%);border:1px solid rgb(var(--gold)/.3);width:100%;color:rgb(var(--panel));font-family:var(--font-space),monospace;cursor:pointer;box-shadow:0 4px 16px rgb(var(--vinyl)/.3),inset 0 1px 1px rgb(var(--overlay)/.1);border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:13px 20px;font-size:.95rem;font-weight:700;transition:all .25s;display:flex}.welcome-cta-primary:hover{filter:brightness(1.12);box-shadow:0 6px 24px rgb(var(--vinyl)/.4),inset 0 1px 1px rgb(var(--overlay)/.15);transform:translateY(-1px)}.welcome-cta-secondary{background:rgb(var(--ink)/.06);border:1px solid rgb(var(--ink)/.15);width:100%;color:rgb(var(--ink));font-family:var(--font-space),monospace;cursor:pointer;border-radius:12px;margin-top:10px;padding:11px 20px;font-size:.85rem;transition:all .25s}.welcome-cta-secondary:hover{background:rgb(var(--ink)/.1);border-color:rgb(var(--gold)/.35);box-shadow:0 4px 16px rgb(var(--shade)/.3);transform:translateY(-1px)}.welcome-trust{justify-content:center;gap:20px;margin-top:20px;animation:.5s .6s both fadeScaleIn;display:flex}.welcome-trust-item{font-family:var(--font-space),monospace;color:rgb(var(--ink)/var(--text-alpha-55));align-items:center;gap:5px;font-size:.68rem;display:flex}.welcome-trust-icon{flex-shrink:0;width:14px;height:14px}.login-back-btn{color:rgb(var(--ink)/var(--text-alpha-55));cursor:pointer;font-family:var(--font-space),monospace;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:12px;padding:0;font-size:.78rem;transition:color .2s;display:inline-flex}.login-back-btn:hover{color:rgb(var(--ink))}.login-back-arrow{font-size:1.2rem}.login-header{text-align:center;margin-bottom:28px}.login-logo{justify-content:center;align-items:center;margin-bottom:8px;display:inline-flex}.login-logo-img{width:auto;height:100px;filter:drop-shadow(0 8px 24px rgb(var(--shade)/.6))}.login-title{font-family:var(--font-bebas),sans-serif;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,rgb(var(--ink))30%,rgb(var(--gold))100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.4rem}.login-subtitle{color:rgb(var(--ink)/var(--text-alpha-55));font-size:.85rem;font-family:var(--font-space),monospace;margin-top:6px}.login-error{background:rgb(var(--negative)/.12);border:1px solid rgb(var(--negative)/.3);color:rgb(var(--red-300));font-size:.85rem;font-family:var(--font-space),monospace;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;display:flex}.login-google-btn{background:rgb(var(--ink)/.06);border:1px solid rgb(var(--ink)/.15);width:100%;color:rgb(var(--ink));font-size:.9rem;font-weight:500;font-family:var(--font-space),monospace;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;transition:all .25s;display:flex}.login-google-btn:hover{background:rgb(var(--ink)/.1);border-color:rgb(var(--gold)/.35);box-shadow:0 4px 16px rgb(var(--shade)/.3);transform:translateY(-1px)}.login-divider{align-items:center;gap:12px;margin:24px 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:rgb(var(--gold)/.12);flex:1;height:1px}.login-divider span{color:rgb(var(--ink)/var(--text-alpha-55));text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:.75rem;font-family:var(--font-space),monospace}.login-form{flex-direction:column;gap:18px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{color:rgb(var(--ink)/var(--text-alpha-60));text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:500;font-family:var(--font-space),monospace}.login-field input{background:rgb(var(--midnight)/max(calc(.6*var(--glass-k,1)),var(--glass-floor,0)));border:1px solid rgb(var(--gold)/.12);width:100%;color:rgb(var(--ink));font-size:.9rem;font-family:var(--font-space),monospace;border-radius:10px;outline:none;padding:12px 16px;transition:all .25s}@media (max-width:767px){.login-field input{font-size:max(16px,.9rem)}}.login-field input::placeholder{color:rgb(var(--ink)/.25)}.login-field input:focus{border-color:rgb(var(--gold)/.4);box-shadow:0 0 0 3px rgb(var(--gold)/.08);background:rgb(var(--midnight)/max(calc(.8*var(--glass-k,1)),var(--glass-floor,0)))}.login-submit-btn{background:linear-gradient(135deg,rgb(var(--vinyl))0%,rgb(var(--gold))100%);border:1px solid rgb(var(--gold)/.3);width:100%;color:rgb(var(--panel));font-size:.95rem;font-weight:700;font-family:var(--font-space),monospace;cursor:pointer;box-shadow:0 4px 16px rgb(var(--vinyl)/.3),inset 0 1px 1px rgb(var(--overlay)/.1);border-radius:12px;justify-content:center;align-items:center;min-height:48px;margin-top:4px;padding:13px 20px;transition:all .25s;display:flex}.login-submit-btn:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 6px 24px rgb(var(--vinyl)/.4),inset 0 1px 1px rgb(var(--overlay)/.15);transform:translateY(-1px)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{border:2px solid rgb(var(--panel)/max(calc(.3*var(--glass-k,1)),var(--glass-floor,0)));border-top:2px solid rgb(var(--panel));border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-register-link{text-align:center;color:rgb(var(--ink)/var(--text-alpha-55));font-size:.83rem;font-family:var(--font-space),monospace;margin-top:24px}.login-register-link a{color:rgb(var(--gold));font-weight:600;text-decoration:none;transition:color .2s}.login-register-link a:hover{color:rgb(var(--gold-pale));text-decoration:underline}@media (max-width:480px){.login-container{padding:16px}.login-card{padding:28px 20px}.welcome-heading{font-size:1.5rem}.welcome-trust{gap:12px}.welcome-trust-item{font-size:.6rem}.preview-metrics{grid-template-columns:1fr 1fr;gap:8px}.preview-metric-value{font-size:1rem}}
