:root{--bg-primary:#050914;--bg-secondary:#081225;--bg-tertiary:#0d1b36;--text-primary:#f2f8ff;--text-secondary:#b8cae8;--text-muted:#7891b5;--border:#203a63;--accent:#00d9ff;--accent-pink:#ee38dc;--status-online:#36e3b0;--status-offline:#fb7185;--status-pending:#fbbf24}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 76% -20%, #00d5ff26, transparent 34%), radial-gradient(circle at 24% 112%, #ec2bdb1f, transparent 36%), var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.app-shell{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081225d9;border-radius:14px;width:100%;max-width:380px;padding:2rem}.brand-wordmark{letter-spacing:-.02em;background:linear-gradient(120deg,#00d9ff,#a855f7 55%,#ee38dc);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800}.auth-subtitle{color:var(--text-muted);margin:.4rem 0 1.4rem;font-size:.9rem}.auth-form{gap:1rem;display:grid}.auth-form label{color:var(--text-secondary);gap:.35rem;font-size:.85rem;font-weight:500;display:grid}.auth-form input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:.65rem .8rem;font-size:.92rem}.auth-form input:focus{border-color:var(--accent);outline:none}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(120deg,#00b3d6,#7c3aed 60%,#db2777);border:none;border-radius:8px;padding:.65rem 1rem;font-size:.92rem;font-weight:600}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px -6px #8b5cf699}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:.55rem 1rem;font-size:.85rem}.btn-ghost:hover:not(:disabled){color:#fff;border-color:#f472b68c}.btn-current{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-muted);cursor:default;border-radius:8px;padding:.65rem 1rem;font-size:.92rem;font-weight:600}.form-error{color:var(--status-offline);font-size:.82rem}.form-success{color:var(--status-online);font-size:.82rem}.account-page{gap:1.5rem;width:100%;max-width:960px;display:grid}.account-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.account-header h1{letter-spacing:-.02em;font-size:1.8rem}.account-email{color:var(--text-muted);margin-top:.2rem;font-size:.9rem}.usage-panel{border:1px solid var(--border);background:#081225d9;border-radius:12px;gap:1rem;padding:1.4rem;display:grid}.usage-panel h2{font-size:1.05rem}.usage-meters{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.usage-meters>div{gap:.2rem;display:grid}.usage-meters strong{background:linear-gradient(120deg,#00d9ff,#ee38dc);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.6rem}.usage-meters span,.usage-period{color:var(--text-muted);font-size:.78rem}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.plan-card{border:1px solid var(--border);background:#081225d9;border-radius:12px;align-content:start;gap:.8rem;padding:1.4rem;display:grid}.plan-card.current{border-color:#00d9ff8c;box-shadow:0 0 24px -8px #00d9ff59}.plan-card h2{font-size:1.1rem}.plan-price{font-size:2rem;font-weight:800}.plan-price span{color:var(--text-muted);font-size:.9rem;font-weight:500}.plan-annual{color:var(--text-muted);font-size:.78rem}.plan-card ul{color:var(--text-secondary);gap:.35rem;margin:.4rem 0;font-size:.85rem;list-style:none;display:grid}.plan-card li:before{content:"✓ ";color:var(--accent)}@media (width<=640px){.usage-meters{grid-template-columns:1fr}.app-shell{align-items:flex-start;padding:1rem}}