.auth-page{--bg:#040810;--bg2:#080e1e;--bg3:#0d1528;--gold:#f5c542;--gold2:#e0a800;--green:#00e5a0;--text:#e8edf8;--muted:#6b7a99;--border:#f5c54226;--glow:#f5c54259;--font-hd:var(--app-font-sans);background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-hd);grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.auth-grid-bg{pointer-events:none;background-image:linear-gradient(#f5c54209 1px,#0000 1px),linear-gradient(90deg,#f5c54209 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0}.auth-glow{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.auth-glow--left{background:#f5c5421a;width:480px;height:480px;top:-120px;left:-80px}.auth-glow--right{background:#00e5a00f;width:360px;height:360px;bottom:-80px;right:10%}.auth-brand{z-index:1;border-right:1px solid var(--border);background:linear-gradient(165deg,#0d152899 0%,#040810f2 100%);flex-direction:column;padding:48px 56px 40px;display:flex;position:relative}.auth-brand-logo{align-items:center;gap:12px;margin-bottom:32px;text-decoration:none;display:inline-flex}.auth-brand-logo .logo-text{font-size:22px}.auth-brand-badge{letter-spacing:.14em;text-transform:uppercase;width:fit-content;color:var(--green);border:1px solid #00e5a059;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:10px;font-weight:700;display:inline-flex}.auth-live-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 10px var(--green);border-radius:50%;animation:1.5s ease-in-out infinite authPulse}@keyframes authPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.35)}}.auth-brand-title{letter-spacing:.03em;text-transform:uppercase;max-width:420px;margin-bottom:16px;font-size:clamp(28px,3.2vw,40px);font-weight:900;line-height:1.1}.auth-brand-title em{background:linear-gradient(135deg, var(--gold) 0%, #fff4c4 55%, var(--gold2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.auth-brand-text{color:var(--muted);max-width:400px;margin-bottom:28px;font-size:15px;line-height:1.65}.auth-brand-features{flex-direction:column;gap:14px;margin-bottom:32px;list-style:none;display:flex}.auth-brand-features li{color:var(--text);align-items:center;gap:12px;font-size:14px;display:flex}.auth-feature-icon{background:#f5c54214;border:1px solid #f5c54233;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.auth-brand-visual{justify-content:center;align-items:flex-end;max-height:280px;margin-top:auto;display:flex;overflow:hidden}.auth-brand-img{object-fit:contain;filter:drop-shadow(0 24px 48px #00000080);width:100%;max-width:320px;height:auto}.auth-main{z-index:1;flex-direction:column;justify-content:center;align-items:center;padding:40px 32px;display:flex;position:relative}.auth-card{background:linear-gradient(165deg,#0d1528f2 0%,#080e1efa 100%);border:1px solid #f5c54233;border-radius:20px;width:100%;max-width:440px;padding:36px 32px 32px;box-shadow:0 0 0 1px #ffffff0a,0 32px 80px #00000080,0 0 60px #f5c5420f}.auth-card-head{text-align:center;margin-bottom:28px}.auth-card-head h1{letter-spacing:.02em;margin-bottom:8px;font-size:26px;font-weight:800}.auth-card-head p{color:var(--muted);font-size:14px;line-height:1.55}.auth-loading{text-align:center;color:var(--muted);font-size:14px}.auth-demo-cards{margin-bottom:20px}.auth-demo-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:10px;font-weight:700}.auth-demo-grid{flex-direction:column;gap:10px;display:flex}.auth-demo-card{width:100%;color:var(--text);text-align:left;cursor:pointer;background:#04081080;border:1px solid #f5c54238;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:flex}.auth-demo-card:hover:not(:disabled){background:#f5c5420f;border-color:#f5c54280;transform:translateY(-2px);box-shadow:0 8px 28px #f5c5421f}.auth-demo-card:disabled{opacity:.6;cursor:not-allowed}.auth-demo-card-top{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.auth-demo-card-top strong{font-size:14px;font-weight:700}.auth-demo-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);background:#f5c54226;border:1px solid #f5c5424d;border-radius:100px;padding:3px 8px;font-size:9px;font-weight:700}.auth-demo-card-email{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.auth-demo-card-desc{color:var(--muted);font-size:12px;line-height:1.4}.auth-demo-card-cta{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-top:4px;font-size:11px;font-weight:700}.auth-divider{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:14px;margin:22px 0 20px;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:linear-gradient(90deg,#0000,#f5c54240,#0000);flex:1;height:1px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-field label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{opacity:.55;pointer-events:none;font-size:14px;position:absolute;left:14px}.auth-input-wrap input{width:100%;color:var(--text);background:#040810cc;border:1px solid #f5c5422e;border-radius:10px;outline:none;padding:13px 14px 13px 42px;font-size:15px;transition:border-color .2s,box-shadow .2s}.auth-input-wrap input:focus{border-color:#f5c5428c;box-shadow:0 0 0 3px #f5c5421f}.auth-input-wrap input::placeholder{color:#6b7a99a6}.auth-input-wrap input:disabled{opacity:.45;cursor:not-allowed}.auth-input-toggle{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;right:10px}.auth-input-toggle:hover{color:var(--gold)}.auth-field--disabled label{opacity:.5}.auth-error{color:#ff8fa3;background:#ff4d6d1a;border:1px solid #ff4d6d59;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.45}.auth-notice{background:#00e5a00f;border:1px solid #00e5a040;border-radius:12px;margin-bottom:20px;padding:14px 16px}.auth-notice strong{color:var(--green);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.auth-notice p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.auth-signup-disabled{opacity:.55;pointer-events:none;flex-direction:column;gap:14px;margin-top:20px;display:flex}.auth-submit{background:linear-gradient(135deg, var(--gold), var(--gold2));width:100%;color:var(--bg);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:6px;padding:14px 22px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.auth-submit:hover:not(:disabled){box-shadow:0 8px 32px var(--glow);transform:translateY(-2px)}.auth-submit:disabled,.auth-submit--disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-spinner{border:2px solid #04081040;border-top-color:var(--bg);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite authSpin}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;color:var(--muted);margin-top:24px;font-size:14px}.auth-footer a{color:var(--gold);font-weight:700;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-back{margin-top:24px;font-size:13px}.auth-back a{color:var(--muted);text-decoration:none;transition:color .2s}.auth-back a:hover{color:var(--text)}@media (max-width:960px){.auth-page{grid-template-columns:1fr}.auth-brand{display:none}.auth-main{padding:32px 20px 48px}.auth-glow--left{left:50%;transform:translate(-50%)}}@media (max-width:480px){.auth-card{border-radius:16px;padding:28px 20px 24px}.auth-card-head h1{font-size:22px}}