:root{--purple-900:#16165e;--purple-800:#24186f;--purple-700:#4c1eb9;--purple-600:#6133aa;--purple-400:#b95ddb;--orange-500:#f88f00;--orange-600:#dc4312;--ink:#1b1b2b;--muted:#5b5b73;--line:#e6e3f0;--surface:#fff;--surface-alt:#f6f4fc;--brand-primary:var(--purple-700);--brand-primary-strong:var(--purple-600);--brand-accent:var(--orange-500);--brand-accent-strong:var(--orange-600);--radius:12px;--radius-lg:18px;--shadow-sm:0 1px 2px #16165e14, 0 2px 8px #16165e0f;--shadow-md:0 8px 30px #16165e24;--font-body:"Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-head:"Montserrat", var(--font-body);--font-display:"Bebas Neue", var(--font-head);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--ink);line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--surface-alt)}h1,h2,h3{font-family:var(--font-head);color:var(--purple-900);margin:0 0 .5em;line-height:1.15}a{color:var(--purple-700);font-weight:600}.app-shell{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1040px;margin-inline:auto;padding-inline:20px}.topbar{background:linear-gradient(100deg, var(--purple-900), var(--purple-700) 65%, var(--purple-600));color:#fff;box-shadow:var(--shadow-sm)}.topbar__inner{align-items:center;gap:16px;min-height:64px;display:flex}.brand{font-family:var(--font-display);letter-spacing:.5px;color:#fff;align-items:baseline;gap:2px;font-size:1.9rem;text-decoration:none;display:inline-flex}.brand em{color:var(--orange-500);font-style:normal}.topbar__spacer{flex:1}.topbar nav{align-items:center;gap:6px;display:flex}.topbar nav a{color:#ffffffe6;border-radius:8px;padding:8px 12px;font-size:.95rem;font-weight:600;text-decoration:none}.topbar nav a:hover,.topbar nav a.active{color:#fff;background:#ffffff24}main{flex:1;padding-block:40px}.hero{background:radial-gradient(1200px 400px at 80% -10%, #f88f0040, transparent 60%), linear-gradient(120deg, var(--purple-900), var(--purple-700));color:#fff;padding-block:72px}.hero h1{color:#fff;font-family:var(--font-display);letter-spacing:.5px;margin-bottom:.25em;font-size:clamp(2.6rem,6vw,4.4rem)}.hero p{color:#ffffffeb;max-width:60ch;font-size:1.2rem}.hero .accent-bar{background:var(--orange-500);border-radius:3px;width:84px;height:6px;margin-bottom:28px}.btn{font-family:var(--font-head);border-radius:var(--radius);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform 50ms,background .15s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--orange-500);color:#241a00}.btn--primary:hover{background:var(--orange-600);color:#fff}.btn--ghost{color:#fff;background:0 0;border-color:#ffffffb3}.btn--ghost:hover{background:#ffffff1f}.btn--secondary{background:var(--purple-700);color:#fff}.btn--secondary:hover{background:var(--purple-600)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.page-title{font-family:var(--font-display);color:var(--purple-900);letter-spacing:.5px;font-size:clamp(2rem,4vw,3rem)}.lede{color:var(--muted);max-width:65ch;font-size:1.1rem}.badge{background:var(--purple-400);color:#fff;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-block}.badge--accent{background:var(--orange-500);color:#241a00}label{color:var(--purple-900);margin-bottom:6px;font-weight:600;display:block}input,textarea,select{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:10px;padding:10px 12px}input:focus,textarea:focus,select:focus{border-color:var(--purple-700);outline:3px solid #4c1eb940}.field{margin-bottom:18px}.footer{background:var(--purple-900);color:#ffffffd9;padding-block:28px;font-size:.9rem}.footer a{color:var(--orange-500)}.footer .attribution{color:#fff;font-weight:600}.footer .disclaimer{color:#ffffffb3;max-width:70ch;margin-top:10px;font-size:.82rem}.stack>*+*{margin-top:16px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.muted{color:var(--muted)}.center{text-align:center}.mock-note{background:var(--surface-alt);border:1px dashed var(--purple-400);color:var(--purple-700);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}
