:root{--bg:#0f1419;--surface:#1a222d;--text:#f3f5f7;--muted:#9aa5b1;--accent:#e05c8a;--accent-soft:rgba(224,92,138,0.15);--border:rgba(255,255,255,0.08);--radius:16px}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top,#1f2a37 0,var(--bg) 55%);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}a{color:var(--accent);text-decoration:none}.container{width:min(960px,100%);margin:0 auto;padding:24px 20px 48px}.hero{text-align:center;padding:32px 0 24px}.hero h1{margin:0 0 12px;font-size:clamp(1.75rem,4vw,2.5rem)}.hero p{margin:0;color:var(--muted);line-height:1.6}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin:32px 0}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:8px}.plan-card.featured{border-color:var(--accent)}.plan-price{font-size:1.75rem;font-weight:700}.plan-label{font-size:1.1rem;font-weight:600}.plan-note{color:var(--muted);font-size:.9rem;flex:1 1}.btn{border:none;border-radius:999px;padding:12px 20px;font-size:1rem;font-weight:600;cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:white}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.section{margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}.section h2{margin:0 0 12px}.section li,.section p{color:var(--muted);line-height:1.6}.legal-page .section ul{margin:0;padding-left:1.2rem}.legal-page .section p+p,.legal-page .section p+ul,.legal-page .section ul+p{margin-top:12px}.footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);color:var(--muted);font-size:.92rem;line-height:1.7}.auth-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:24px}.status-pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.85rem;font-weight:600}.status-active{background:rgba(76,175,80,.15);color:#81c784}.status-inactive{background:rgba(255,193,7,.12);color:#ffd54f}.error-box{background:rgba(244,67,54,.12);border:1px solid rgba(244,67,54,.35);color:#ff8a80;border-radius:12px}.error-box,.info-box{padding:12px 16px;margin:16px 0}.info-box{background:rgba(76,175,80,.12);border:1px solid rgba(76,175,80,.35);color:#81c784;border-radius:12px}.auth-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:24px;max-width:420px;margin-left:auto;margin-right:auto}.auth-form{gap:14px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px;font-size:.9rem;color:var(--muted)}.auth-field input{width:100%;border:1px solid var(--border);border-radius:12px;background:rgba(0,0,0,.25);color:var(--text);padding:12px 14px;font-size:1rem;outline:none}.auth-field input:focus{border-color:var(--accent)}.auth-actions{display:flex;flex-wrap:wrap;gap:8px}.auth-actions .btn{flex:1 1;min-width:120px}.auth-link{align-self:flex-start;background:none;border:none;color:var(--muted);padding:0;font-size:.9rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.auth-link:disabled{opacity:.55;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:.85rem}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.btn-google{width:100%}.cta-row{text-align:center;margin:28px 0}