:root{--bg:#fff8fb;--surface:#fff;--ink:#27212a;--muted:#6f6573;--line:#eadce4;--rose:#d84d7d;--rose-soft:#fbe8ef;--teal:#0f766e;--teal-soft:#e4f4f2;--gold:#b7791f;--shadow:0 18px 45px #57384f1a}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{letter-spacing:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.app-frame{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#ffffffeb;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--rose);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:inline-flex}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:12px}.topnav,.account,.profile-chip,.nav-link,.primary-button,.ghost-button,.segmented,.auth-points span,.pill,.toggle,.info-row{align-items:center;display:inline-flex}.topnav{gap:6px}.nav-link{color:var(--muted);border-radius:8px;gap:6px;padding:9px 10px}.nav-link.active{background:var(--rose-soft);color:var(--rose)}.account{gap:8px}.profile-chip{border:1px solid var(--line);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;gap:6px;max-width:260px;padding:8px 10px;overflow:hidden}.main-surface{max-width:1180px;margin:0 auto;padding:24px 20px 96px}.page-grid{gap:18px;display:grid}.hero-band,.content-band,.state-panel,.auth-form{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.hero-band{gap:14px;padding:28px;display:grid}.hero-top-row,.section-title-row,.list-item,.toggle-row,.info-row{align-items:center;gap:10px;display:flex}.hero-top-row,.section-title-row,.list-item{justify-content:space-between}.hero-band h1,.auth-visual h1,.state-panel h1{margin:6px 0 0;font-size:clamp(26px,3.8vw,42px);line-height:1.12}.hero-band p,.auth-visual p,.state-panel p,.metric-detail,.support-copy,.plan-card p,.list-item p{color:var(--muted);line-height:1.7}.eyebrow{color:var(--rose);font-size:13px;font-weight:800}.pill,.toggle{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.pill{background:var(--teal-soft);color:var(--teal)}.metrics-grid,.plan-grid,.support-grid{gap:12px;display:grid}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric,.plan-card,.support-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px}.metric{gap:8px;display:grid}.metric-icon{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.metric-label{color:var(--muted);font-size:13px}.metric-value{font-size:20px;line-height:1.1}.content-band{padding:24px}.section-title-row{margin-bottom:14px}.section-title-row h2{margin:0;font-size:18px}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-card strong{margin-bottom:8px;display:block}.plan-card.featured{background:#fff6f0;border-color:#f3d3bf}.plan-card.muted{background:#f7fbfc}.list-stack{gap:10px;display:grid}.list-item{border:1px solid var(--line);border-radius:8px;padding:14px 16px}.list-item strong{display:block}.list-item span{color:var(--rose);font-weight:700}.support-grid{grid-template-columns:1.1fr .9fr}.toggle-row{justify-content:space-between;padding:10px 0}.toggle{color:var(--muted);background:#eef2f7}.toggle.on{background:var(--teal-soft);color:var(--teal)}.info-row{color:var(--muted);margin-top:10px}.auth-layout{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:stretch;gap:16px;display:grid}.auth-visual{border:1px solid var(--line);background:linear-gradient(#fffafc 0%,#fef6f9 100%);border-radius:8px;padding:28px}.auth-points{gap:10px;margin-top:18px;display:grid}.auth-points span{border:1px solid var(--line);background:#fff;border-radius:8px;gap:8px;padding:10px 12px}.auth-form{gap:12px;padding:22px;display:grid}.segmented{background:#f6f3f6;border-radius:8px;gap:6px;padding:6px}.segmented button,.primary-button,.ghost-button{border:0;border-radius:8px}.segmented button{color:var(--muted);background:0 0;gap:6px;padding:10px 12px}.segmented button.selected{color:var(--rose);background:#fff;box-shadow:0 2px 8px #0000000a}.primary-button,.ghost-button{justify-content:center;gap:8px;min-height:42px;padding:11px 14px}.primary-button{background:var(--rose);color:#fff;font-weight:800}.primary-button.compact{min-height:38px}.ghost-button{border:1px solid var(--line);color:var(--ink);background:#fff}label{color:var(--muted);gap:7px;display:grid}input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;min-height:42px;padding:10px 12px}.form-message,.alert{color:#8f5d14;background:#fff9f3;border:1px solid #f3ddc4;border-radius:8px;padding:12px 14px;line-height:1.7}.state-panel{justify-items:start;gap:12px;max-width:760px;padding:28px;display:grid}@media (max-width:1080px){.metrics-grid,.plan-grid,.support-grid,.auth-layout{grid-template-columns:1fr 1fr}}@media (max-width:860px){.topbar{flex-direction:column;align-items:flex-start}.topnav{flex-wrap:wrap}.metrics-grid,.plan-grid,.support-grid,.auth-layout{grid-template-columns:1fr}.hero-band,.content-band,.auth-visual,.auth-form,.state-panel{padding:20px}}