:root{--bg:#0b1220;--bg2:#101a2e;--bd:#1b2a4a;--fg:#f4f7ff;--mut:#9aa5b1;--acc:#22c55e}[data-theme="light"]{--bg:#f6f8ff;--bg2:#fff;--bd:#d8def2;--fg:#0b1220;--mut:#516074;--acc:#16a34a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu}.wrap{max-width:1100px;margin:0 auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.badge{font-size:12px;background:#0e172a;padding:6px 10px;border:1px solid var(--bd);border-radius:999px;color:var(--mut)}nav a{color:var(--fg);text-decoration:none;border:1px solid var(--bd);padding:8px 12px;border-radius:12px;margin-right:8px}.toggle{cursor:pointer;border:1px solid var(--bd);padding:6px 10px;border-radius:999px;background:var(--bg2)}.hero{display:grid;gap:20px;align-items:center;grid-template-columns:1.2fr 1fr;margin-top:6px}.card{background:var(--bg2);border:1px solid var(--bd);padding:20px;border-radius:16px}h1{font-size:42px;line-height:1.1;margin:0}p.lead{font-size:18px;color:var(--mut)}.cta{display:inline-block;padding:14px 20px;border-radius:12px;background:var(--acc);color:#052e16;text-decoration:none;font-weight:800}.media{position:relative;border-radius:18px;border:1px solid var(--bd);overflow:hidden;background:linear-gradient(135deg,#0e172a 0%,#0b1220 100%)}.media picture, .media img{display:block;width:100%;height:100%}.media .ratio{width:100%;aspect-ratio:4/3}.media img{object-fit:cover;}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}footer{margin:40px 0 20px;color:var(--mut);font-size:12px}input,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--bd);background:transparent;color:var(--fg)}.muted{color:var(--mut)}@media(max-width:900px){.hero{grid-template-columns:1fr}.grid,.grid3{grid-template-columns:1fr}}