@font-face{font-family:'Lilita One';src:url('/fonts/LilitaOne-Regular.ttf') format('truetype');font-display:swap}
:root{--ink:#1f2954;--sky:#3fa9f5;--sky-top:#1f5fc4;--sun:#ffeb61;--orange:#ff852e;--card:#ffffff;--text:#1f2954}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--text);
background:radial-gradient(circle at 50% 20%,#a6e8ff 0,#3fa9f5 55%,#1f5fc4 100%) fixed;min-height:100vh;line-height:1.55}
a{color:#1f5fc4}
header,footer{max-width:1040px;margin:0 auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
header .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-family:'Lilita One',sans-serif;font-size:28px;
text-shadow:0 3px 0 var(--ink)}
header .brand img{width:44px;height:44px;border-radius:12px;border:3px solid var(--ink)}
nav.langs{display:flex;gap:6px;flex-wrap:wrap}
nav.langs a{color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:4px 9px;border-radius:999px;background:rgba(31,41,84,.35)}
nav.langs a.on{background:var(--ink)}
main{max-width:1040px;margin:0 auto;padding:0 20px 40px}
.hero{text-align:center;color:#fff;padding:20px 0 10px}
.hero h1{font-family:'Lilita One',sans-serif;font-size:clamp(40px,8vw,84px);margin:0;line-height:1.05;
background:linear-gradient(#ffeb61,#ff852e);-webkit-background-clip:text;background-clip:text;color:transparent;
-webkit-text-stroke:3px var(--ink);filter:drop-shadow(0 6px 0 rgba(31,41,84,.5))}
.hero p.tag{font-size:clamp(18px,2.6vw,24px);font-weight:700;text-shadow:0 2px 0 rgba(31,41,84,.6);margin:12px auto;max-width:760px}
.hero img.feature{width:100%;max-width:860px;border-radius:24px;border:5px solid var(--ink);box-shadow:0 10px 0 rgba(31,41,84,.35);margin-top:14px}
.lead{background:var(--card);border:4px solid var(--ink);border-radius:22px;padding:20px 24px;margin:26px auto;max-width:860px;font-size:18px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:10px 0 26px}
.card{background:var(--card);border:4px solid var(--ink);border-radius:22px;padding:18px 20px;box-shadow:0 6px 0 rgba(31,41,84,.3)}
.card h2{font-family:'Lilita One',sans-serif;font-weight:400;margin:0 0 6px;font-size:24px;color:#e8334a}
.card:nth-child(2) h2{color:#2c7fe0}.card:nth-child(3) h2{color:#2db84f}
.soon{display:inline-block;font-family:'Lilita One',sans-serif;font-size:22px;background:var(--sun);border:4px solid var(--ink);
border-radius:999px;padding:10px 26px;box-shadow:0 5px 0 rgba(31,41,84,.4);color:var(--ink)}
.center{text-align:center}
article.legal{background:var(--card);border:4px solid var(--ink);border-radius:22px;padding:22px 28px;max-width:860px;margin:10px auto 30px}
article.legal h1{font-family:'Lilita One',sans-serif;font-weight:400;font-size:34px;margin:0 0 4px}
article.legal h2{font-size:20px;margin:22px 0 6px}
article.legal .updated{color:#5a6488;margin:0 0 16px}
footer{color:#fff;font-size:14px}
footer a{color:#fff}