.auth-page{min-height:100dvh;padding:24px 16px;padding-top:calc(24px + var(--safe-top));padding-bottom:calc(24px + var(--safe-bottom));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-glow{pointer-events:none;filter:blur(80px);border-radius:50%;position:fixed}.auth-glow-1{background:radial-gradient(circle,#00ffc214,#0000 70%);width:400px;height:400px;top:-100px;left:-100px}.auth-glow-2{background:radial-gradient(circle,#4a7ba714,#0000 70%);width:500px;height:500px;bottom:-150px;right:-150px}.auth-container{z-index:1;flex-direction:column;align-items:center;gap:0;width:100%;max-width:420px;display:flex;position:relative}.auth-logo-wrap{text-align:center;margin-bottom:32px}.auth-logo{letter-spacing:8px;color:var(--text);margin-bottom:8px;font-family:Outfit,sans-serif;font-size:42px;font-weight:300;line-height:1}.auth-logo span{color:var(--accent);font-weight:600}.auth-tagline{letter-spacing:3px;text-transform:uppercase;color:var(--text-2);margin-bottom:20px;font-family:DM Mono,monospace;font-size:11px}.auth-divider-line{background:var(--accent);opacity:.6;width:60px;height:1px;margin:0 auto}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-2xl);-webkit-backdrop-filter:blur(20px);width:100%;padding:32px}.auth-tabs{background:var(--bg);border-radius:var(--r-md);margin-bottom:28px;padding:4px;display:flex;position:relative}.auth-tab{text-align:center;color:var(--text-2);border-radius:var(--r-sm);z-index:1;flex:1;padding:10px;font-size:14px;font-weight:500;transition:color .25s;position:relative}.auth-tab.active{color:var(--text)}.auth-tab-indicator{background:var(--bg3);border-radius:var(--r-sm);border:1px solid var(--border-dim);width:calc(50% - 4px);transition:left .25s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px}.auth-tab-indicator.left{left:4px}.auth-tab-indicator.right{left:50%}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-2);font-family:DM Mono,monospace;font-size:11px}.form-input{background:var(--bg);border:1px solid var(--border-dim);border-radius:var(--r-md);color:var(--text);-webkit-appearance:none;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:border-color .2s,background .2s}.form-input:focus{border-color:var(--blue);background:#4a7ba714}.form-input::placeholder{color:var(--text-muted)}.input-wrap{position:relative}.input-eye{color:var(--text-muted);padding:4px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.input-eye:hover{color:var(--text-2)}.auth-error{color:var(--danger);border-radius:var(--r-sm);background:#e85d751a;border:1px solid #e85d7540;padding:10px 14px;font-size:13px;line-height:1.4}.auth-success{color:var(--green);border-radius:var(--r-sm);background:#3dd68c1a;border:1px solid #3dd68c40;padding:10px 14px;font-size:13px;line-height:1.4}.btn-primary{background:linear-gradient(135deg,var(--accent),#00ffc2);color:#0f1419;border-radius:var(--r-md);letter-spacing:.5px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:16px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #00ffc240}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.auth-or{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--border-dim);flex:1;height:1px}.btn-social{background:var(--bg);border:1px solid var(--border-dim);border-radius:var(--r-md);width:100%;color:var(--text);justify-content:center;align-items:center;gap:10px;padding:14px;font-size:14px;transition:all .2s;display:flex}.btn-social:hover{border-color:var(--border);background:var(--bg3)}.btn-demo{width:100%;color:var(--accent);text-align:center;letter-spacing:.3px;background:0 0;border:none;margin-top:12px;padding:12px;font-size:13px;transition:color .2s}.btn-demo:hover{color:var(--accent)}.auth-footer{color:var(--text-muted);text-align:center;margin-top:24px;font-size:11px;line-height:1.8}.auth-footer a{color:var(--text-2);text-underline-offset:2px;text-decoration:underline}
