:root{--ink: #051826;--ink-2: #0a2e44;--ink-3: #0e3a52;--signal: #22d3ee;--signal-2: #2dd4bf;--signal-glow: #38e8ff;--accent: #0891b2;--accent-strong: #0e7490;--accent-grad: linear-gradient(135deg, #0891b2 0%, #0d9488 100%);--status: #34d399;--card-bg: rgba(255, 255, 255, .95);--card-border:rgba(255, 255, 255, .6);--shadow-card: 0 24px 60px -20px rgba(2, 12, 22, .65)}body{font-family:Inter,sans-serif}.auth-stage{position:relative;overflow:hidden;background-color:var(--ink);background-image:radial-gradient(60% 50% at 18% 12%,rgba(34,211,238,.22) 0%,transparent 60%),radial-gradient(55% 55% at 88% 92%,rgba(45,212,191,.2) 0%,transparent 60%),radial-gradient(90% 90% at 50% 50%,var(--ink-2) 0%,var(--ink) 70%)}.auth-stage:before{content:"";position:absolute;inset:-2px;background-image:linear-gradient(rgba(56,232,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,232,255,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,#000 30%,transparent 80%);animation:gridDrift 28s linear infinite;pointer-events:none}@keyframes gridDrift{0%{background-position:0 0,0 0}to{background-position:48px 48px,48px 48px}}.brand{position:relative;z-index:1;text-align:center}.brand-node{position:relative;display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:linear-gradient(150deg,var(--signal) 0%,var(--signal-2) 100%);box-shadow:0 0 0 1px #38e8ff59,0 12px 40px -6px #22d3ee8c}.brand-icon{position:relative;z-index:2;width:54px;height:54px;transform:translateY(-2px)}.pulse-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(56,232,255,.55);animation:broadcast 3.6s cubic-bezier(.2,.6,.2,1) infinite}.pulse-ring:nth-child(2){animation-delay:1.2s}.pulse-ring:nth-child(3){animation-delay:2.4s}@keyframes broadcast{0%{transform:scale(1);opacity:.7}80%{opacity:0}to{transform:scale(2.6);opacity:0}}.brand-word{margin-top:1.25rem;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:.18em;color:#eaf9ff;text-shadow:0 2px 24px rgba(34,211,238,.35)}.brand-eyebrow{margin-top:.4rem;font-size:.7rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:#aedceb99}.glass-card{position:relative;z-index:1;background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:1.5rem;box-shadow:var(--shadow-card)}.portal-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.75rem;letter-spacing:-.01em;color:#06283d}.premium-input{border:1px solid #dbe4ea;background:#fbfdfe;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;border-radius:.75rem!important}.premium-input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #0891b229;transform:translateY(-1px)}.btn-premium{background:var(--accent-grad);border-radius:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,filter .25s ease;border:none;color:#fff;box-shadow:0 10px 24px -8px #0891b299}.btn-premium:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 16px 30px -10px #0891b2b3}.btn-premium:active{transform:translateY(0)}.link-accent{color:var(--accent-strong);font-weight:600;transition:color .2s ease}.link-accent:hover{color:var(--accent)}.status-chip{position:relative;z-index:1;margin-top:1.75rem;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.78rem;font-weight:500;color:#d6f0f8d9;background:#ffffff0a;border:1px solid rgba(56,232,255,.18);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--status);box-shadow:0 0 #34d39999;animation:heartbeat 2.4s ease-in-out infinite}@keyframes heartbeat{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}@media (prefers-reduced-motion: reduce){.pulse-ring,.status-dot,.auth-stage:before{animation:none!important}.pulse-ring{display:none}}@media (max-width: 640px){.brand-node{width:84px;height:84px}.brand-icon{width:48px;height:48px}.brand-word{font-size:1.3rem}}