:root{--bg:#F7F8FC;--surface:#FFFFFF;--outline:#E1E3EF;--primary:#4B54FF;
--primary-container:#E6E7FF;--on-primary-container:#272DAB;--accent:#FF5C8A;
--text:#191B2E;--text-2:#4A4D63;}
@media (prefers-color-scheme: dark){:root{--bg:#141520;--surface:#1D1F2E;
--outline:#31344A;--primary:#9BA1FF;--primary-container:#2A2E6E;
--on-primary-container:#E6E7FF;--text:#EEEFF7;--text-2:#B9BCD0;}}
*{box-sizing:border-box;margin:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
background:var(--bg);color:var(--text);line-height:1.6}
a{color:var(--primary)}
.wrap{max-width:720px;margin:0 auto;padding:24px}
header.site{display:flex;align-items:center;gap:12px;padding:20px 24px;
max-width:720px;margin:0 auto}
header.site img{width:36px;height:36px;border-radius:9px}
header.site .brand{font-weight:800;font-size:1.15rem;letter-spacing:-.01em}
header.site nav{margin-left:auto;font-size:.9rem;display:flex;gap:14px}
.hero{background:linear-gradient(135deg,var(--primary) 0%,#7A5CFF 100%);
color:#fff;border-radius:24px;padding:48px 32px;text-align:center}
.hero h1{font-size:clamp(1.8rem,5vw,2.6rem);letter-spacing:-.02em;line-height:1.15}
.hero p{margin-top:12px;font-size:1.1rem;opacity:.92}
.badges{margin-top:28px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.badge{display:inline-block;background:#fff;color:#191B2E;border-radius:12px;
padding:10px 20px;font-weight:700;text-decoration:none}
.badge.soon{opacity:.65;pointer-events:none}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:16px;margin-top:24px}
.card{background:var(--surface);border:1px solid var(--outline);
border-radius:16px;padding:20px}
.card h2{font-size:1rem;margin-bottom:6px}
.card p{font-size:.92rem;color:var(--text-2)}
main.legal h1{font-size:1.9rem;letter-spacing:-.02em}
main.legal .meta{color:var(--text-2);margin:8px 0 4px}
main.legal .intro{font-size:1.05rem;margin-top:8px}
main.legal section{background:var(--surface);border:1px solid var(--outline);
border-radius:16px;padding:20px;margin-top:16px}
main.legal section h2{font-size:1.1rem;margin-bottom:6px}
.langs{font-size:.9rem;color:var(--text-2)}
.langs strong{color:var(--text)}
footer.site{max-width:720px;margin:0 auto;padding:32px 24px;
color:var(--text-2);font-size:.85rem}
footer.site .row{display:flex;gap:16px;flex-wrap:wrap}
footer.site .row + .row{margin-top:8px}
footer.site a{color:var(--text-2)}