:root { --ink:#101b36; --muted:#62708d; --line:#d9e0ef; --accent:#5b56ff; --purple:#7c43ff; --navy:#15213f; --canvas:#f3f5fc; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 14% 0%,rgba(111,82,255,.14),transparent 31rem),var(--canvas); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.65; }
a { color:#4b42d3; }
button,input,select,textarea { font:inherit; }
.topbar { background:rgba(248,249,255,.95); border-bottom:1px solid var(--line); backdrop-filter:blur(14px); }
.nav { width:min(1000px,calc(100% - 32px)); min-height:82px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.brand { display:flex; align-items:center; gap:12px; color:var(--ink); font-weight:900; text-decoration:none; }
.mark { width:44px; height:44px; display:grid; place-items:center; color:white; background:linear-gradient(135deg,#5367ff,#7c43ff); border-radius:14px; box-shadow:0 10px 24px rgba(83,76,255,.25); }
.nav-links { display:flex; align-items:center; gap:9px; }
.nav-links a,.button { padding:10px 14px; color:var(--ink); background:white; border:1px solid var(--line); border-radius:11px; font-weight:800; text-decoration:none; }
.nav-links .primary,.button.primary { color:white; background:linear-gradient(135deg,var(--accent),var(--purple)); border:0; }
main { width:min(880px,calc(100% - 32px)); margin:48px auto 80px; }
.paper { padding:clamp(24px,6vw,56px); background:white; border:1px solid var(--line); border-radius:26px; box-shadow:0 22px 60px rgba(31,38,91,.10); }
.eyebrow { display:inline-flex; margin:0 0 10px; padding:7px 11px; color:#4a40c8; background:#eeecff; border-radius:999px; font-size:.76rem; font-weight:900; }
h1 { margin:0; font-size:clamp(2.4rem,7vw,4.7rem); line-height:.98; letter-spacing:-.055em; }
h2 { margin:34px 0 8px; font-size:1.35rem; }
h3 { margin:22px 0 6px; }
.lead { color:var(--muted); font-size:1.08rem; }
.updated,.small { color:var(--muted); font-size:.82rem; }
ul { padding-left:22px; }
.callout { margin:24px 0; padding:18px; color:#352e8e; background:#f0efff; border:1px solid #d5d1ff; border-radius:14px; }
.form { display:grid; gap:18px; }
.grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
label { display:grid; gap:6px; color:#33415f; font-size:.86rem; font-weight:800; }
input,select,textarea { width:100%; padding:12px 13px; color:var(--ink); background:white; border:1px solid #bec7da; border-radius:11px; }
textarea { min-height:170px; resize:vertical; }
.wide { grid-column:1/-1; }
.honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.success { padding:20px; color:#285b43; background:#e8f7ef; border:1px solid #b8dfca; border-radius:14px; }
.error-code { display:block; margin:12px 0; color:#4b42d3; font-size:clamp(5rem,24vw,12rem); font-weight:950; line-height:.8; letter-spacing:-.08em; }
.actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.button { display:inline-flex; align-items:center; cursor:pointer; }
footer { padding:32px 16px; color:#b7bfd7; background:var(--navy); text-align:center; font-size:.8rem; }
footer a { color:white; }
.footer-links { display:flex; justify-content:center; flex-wrap:wrap; gap:16px; margin-bottom:8px; }
@media(max-width:650px){ .nav-links a:not(.primary){display:none}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.paper{border-radius:20px} }