:root{--brand-background: linear-gradient(140deg, #020617 0%, #0b1220 45%, #030712 100%);--brand-surface: rgba(12, 20, 34, .92);--brand-surface-soft: rgba(15, 25, 42, .82);--brand-primary: #3b82f6;--brand-primary-dark: #2563eb;--brand-primary-contrast: #ffffff;--brand-accent: #38bdf8;--brand-text: #e2e8f0;--brand-muted: #94a3b8;--brand-border: rgba(148, 163, 184, .18);--brand-border-strong: rgba(148, 163, 184, .32);--brand-pill-bg: rgba(56, 189, 248, .16);--brand-pill-text: #bae6fd;--brand-inset: rgba(15, 23, 42, .4);--brand-shadow: 0 32px 80px rgba(3, 7, 18, .65);--brand-overlay: rgba(2, 6, 23, .78)}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--brand-text);background:var(--brand-background)}body{margin:0}.brand-surface{background:var(--brand-surface);border-color:var(--brand-border);box-shadow:var(--brand-shadow)}.brand-surface-soft{background:var(--brand-surface-soft);border-color:#94a3b847;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 32px 70px #080f2373}.brand-border{border-color:var(--brand-border)}.brand-border-strong{border-color:var(--brand-border-strong)}.brand-pill{background:var(--brand-pill-bg);border:1px solid rgba(56,189,248,.28);color:var(--brand-pill-text)}.brand-button{background:linear-gradient(120deg,var(--brand-primary) 0%,#4f46e5 45%,#38bdf8 100%);color:var(--brand-primary-contrast);border:none;border-radius:999px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 24px 45px #2563eb66}.brand-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 28px 60px #2563eb8c}.brand-button:disabled{background:#3b82f633;color:#e2e8f099;box-shadow:none}.brand-button-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.45rem 1rem;border-radius:999px;border:1px solid rgba(148,163,184,.24);background:#0c1828d9;color:#e2e8f0d9;font-weight:600;font-size:.78rem;line-height:1;letter-spacing:.04em;box-shadow:0 18px 36px #050c1c73;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.brand-button-ghost:hover{background:#182436e6;color:#f1f5f9f2;transform:translateY(-1px);box-shadow:0 24px 50px #070f238c}.brand-button-ghost:active{transform:translateY(0);box-shadow:0 16px 30px #050c1c73}.brand-link{color:#38bdf8}.brand-muted{color:var(--brand-muted)}.brand-chip{border:1px solid rgba(56,189,248,.35);background:#38bdf81f;color:#67e8f9}.brand-overlay{background:var(--brand-overlay)}.glass{background:#0f192ad1;border-color:#94a3b83d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.outline-brand{outline-color:var(--brand-primary)}.text-brand{color:var(--brand-primary)}.bg-brand{background:var(--brand-primary)}.badge-muted{background:#94a3b829;border:1px solid rgba(148,163,184,.24);color:#e2e8f0bf;border-radius:999px;padding:.3rem .75rem;font-weight:600}.shadow-soft{box-shadow:0 28px 60px #060c1c8c}.bg-surface{background:var(--brand-surface)}.bg-surface-soft{background:var(--brand-surface-soft)}body.theme-light{--brand-background: linear-gradient(155deg, #f4f7ff 0%, #eef2ff 48%, #f8fbff 100%);--brand-surface: #ffffff;--brand-surface-soft: rgba(255, 255, 255, .92);--brand-primary: #2563eb;--brand-primary-dark: #1d4ed8;--brand-primary-contrast: #ffffff;--brand-accent: #0ea5e9;--brand-text: #0f172a;--brand-muted: #475569;--brand-border: rgba(15, 23, 42, .12);--brand-border-strong: rgba(15, 23, 42, .18);--brand-pill-bg: rgba(37, 99, 235, .12);--brand-pill-text: #1d4ed8;--brand-inset: rgba(15, 23, 42, .05);--brand-shadow: 0 22px 40px rgba(15, 23, 42, .12);--brand-overlay: rgba(15, 23, 42, .45)}body.theme-dark{--brand-background: linear-gradient(140deg, #020617 0%, #0b1220 45%, #020617 100%);--brand-surface: rgba(12, 20, 34, .92);--brand-surface-soft: rgba(15, 25, 42, .82);--brand-primary: #3b82f6;--brand-primary-dark: #2563eb;--brand-primary-contrast: #ffffff;--brand-accent: #38bdf8;--brand-text: #e2e8f0;--brand-muted: #94a3b8;--brand-border: rgba(148, 163, 184, .18);--brand-border-strong: rgba(148, 163, 184, .32);--brand-pill-bg: rgba(56, 189, 248, .16);--brand-pill-text: #bae6fd;--brand-inset: rgba(15, 23, 42, .4);--brand-shadow: 0 32px 80px rgba(3, 7, 18, .65);--brand-overlay: rgba(2, 6, 23, .78)}body.theme-light .brand-button-ghost{background:#ffffffeb;border-color:#2563eb2e;color:#1e293b}body.theme-light .brand-button-ghost:hover{background:#eff6fff5;color:#0f172a}body.theme-dark .brand-button-ghost{background:#0c1828d9;border-color:#94a3b847;color:#e2e8f0d9}body.theme-dark .brand-button-ghost:hover{background:#182436e6;color:#f1f5f9f2}