:root{--bg:#ffffff;--text:#0f172a;--muted:#4b5563;--brand:#0ea5e9;--brand2:#6366f1;--card:#f8fafc;--radius:16px;--shadow:0 10px 25px rgba(2,6,23,.08)}@media (prefers-color-scheme: dark){:root{--bg:#0b1220;--text:#e5e7eb;--muted:#9ca3af;--card:#0f172a;--shadow:0 10px 25px rgba(0,0,0,.45)}}*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:clamp(12px,2.5vw,24px)}.header{position:sticky;top:0;background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:saturate(1.1) blur(10px);backdrop-filter:saturate(1.1) blur(10px);border-bottom:1px solid rgba(148,163,184,.2);z-index:50}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand .logo{width:36px;height:36px;border-radius:12px;box-shadow:var(--shadow);object-fit:cover}.menu{display:flex;gap:10px;flex-wrap:wrap}.menu a{padding:8px 12px;border-radius:999px;border:1px solid transparent}.menu a:hover{border-color:#94a3b859;background:#0206170a}.menu-btn{display:none;border:1px solid rgba(148,163,184,.35);padding:8px 12px;border-radius:10px;background:transparent}@media (max-width: 820px){.menu{display:none}.menu-btn{display:inline-flex}.mobile-menu{display:grid;gap:8px;margin-top:10px}.mobile-menu a{padding:10px 12px;border-radius:10px;background:var(--card);border:1px solid rgba(148,163,184,.25)}}.hero{display:grid;gap:18px;align-items:center;grid-template-columns:1.3fr .9fr}.hero .title{font-size:clamp(28px,4.5vw,48px);line-height:1.1;margin:0}.hero .subtitle{color:var(--muted);font-size:clamp(14px,2vw,18px)}.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;border:1px solid rgba(148,163,184,.25);background:var(--text);color:var(--bg);box-shadow:var(--shadow);transition:transform .06s ease-in-out}.btn:hover{transform:translateY(-1px)}.btn.secondary{background:transparent;color:var(--text)}.badge{display:inline-block;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;letter-spacing:.2px}.card{background:var(--card);border:1px solid rgba(148,163,184,.2);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(14px,2.2vw,22px)}.grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1024px){.grid,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hero,.grid,.grid.two{grid-template-columns:1fr}}.section{padding:clamp(18px,3vw,36px) 0}.section h2{margin:0 0 8px;font-size:clamp(22px,3.5vw,34px)}.section p.lead{margin:0;color:var(--muted)}.footer{border-top:1px solid rgba(148,163,184,.2);margin-top:32px}.footer .row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 0;color:var(--muted)}.input,.textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:transparent;color:inherit;outline:none}.input:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 35%,transparent)}.label{display:grid;gap:6px}.form{display:grid;gap:14px;max-width:680px}.kicker{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.kicker:before{content:"";width:28px;height:1.5px;background:linear-gradient(90deg,var(--brand),var(--brand2));display:inline-block}.small{font-size:12px;color:var(--muted)}.sep{height:1px;background:#94a3b840;margin:8px 0 14px}