:root{--bg:#0B0B0F;--bg2:#14141C;--text:#fff;--text2:rgba(255,255,255,.65);--text3:rgba(255,255,255,.45);--mint:#3DDC97;--card:rgba(255,255,255,.07);--border:rgba(255,255,255,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;background:linear-gradient(170deg,var(--bg),var(--bg2));color:var(--text);line-height:1.5;min-height:100vh;position:relative;overflow-x:hidden}
body::before,body::after{content:"";position:fixed;border-radius:50%;filter:blur(70px);z-index:-1;pointer-events:none}
body::before{width:520px;height:520px;left:-200px;top:-220px;background:rgba(61,220,151,.28)}
body::after{width:600px;height:600px;right:-240px;bottom:-260px;background:rgba(43,92,255,.30)}
.wrap{max-width:760px;margin:0 auto;padding:32px 20px 80px}
header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:56px}
.logo{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:700;font-size:18px}
.logo svg{width:28px;height:28px}
nav a{color:var(--text2);text-decoration:none;margin-left:18px;font-size:15px}nav a:hover{color:var(--text)}
h1{font-size:44px;line-height:1.1;letter-spacing:-.02em;margin:0 0 16px}
h2{font-size:24px;margin:40px 0 12px}h3{font-size:18px;margin:24px 0 8px}
p,li{color:var(--text2);font-size:17px}p.lead{font-size:20px;color:var(--text)}
.mint{color:var(--mint)}
.btn{display:inline-block;margin-top:24px;padding:16px 28px;border-radius:999px;background:linear-gradient(90deg,rgba(61,220,151,.45),rgba(43,92,255,.45));border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:700;text-decoration:none;backdrop-filter:blur(20px)}
.card{background:var(--card);border:1px solid var(--border);border-radius:26px;padding:24px;margin:16px 0;backdrop-filter:blur(20px)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.grid .card{margin:0}.card h3{margin-top:0}
footer{margin-top:64px;padding-top:24px;border-top:1px solid var(--border);color:var(--text3);font-size:14px}
footer a{color:var(--text3)}
.small{font-size:14px;color:var(--text3)}
.lang{font-size:14px;color:var(--text3);margin-bottom:24px}.lang a{color:var(--mint);text-decoration:none}
@media(max-width:600px){h1{font-size:34px}nav a{margin-left:12px}}