:root{
  --bg:#07111f;--surface:#101c2e;--surface2:#16243a;--text:#f5f7fb;--muted:#a8b4c7;
  --primary:#31d5c6;--primary2:#18bcae;--border:#20314a;--danger:#ff6b7a;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(circle at top right,#0d3b3c 0,#07111f 35%),var(--bg);color:var(--text);line-height:1.7}
a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1080px,92%);margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.15rem}.brand img{width:42px;height:42px;border-radius:12px}.navlinks{display:flex;gap:18px;flex-wrap:wrap}.hero{padding:72px 0 46px;text-align:center}.hero img{width:110px;height:110px;border-radius:26px;box-shadow:0 14px 38px rgba(0,0,0,.35)}h1{font-size:clamp(2.1rem,6vw,4rem);margin:18px 0 10px}.lead{font-size:1.15rem;color:var(--muted);max-width:760px;margin:0 auto 26px}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:12px 18px;border-radius:14px;background:var(--primary);color:#052322;font-weight:800}.btn.secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;padding:22px 0 58px}.card{background:linear-gradient(180deg,rgba(22,36,58,.96),rgba(16,28,46,.96));border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:0 12px 32px rgba(0,0,0,.2)}.card h2,.card h3{margin-top:0}.muted{color:var(--muted)}.page{padding:30px 0 70px}.page h1{font-size:2.3rem;text-align:left}.section{background:rgba(16,28,46,.9);border:1px solid var(--border);border-radius:18px;padding:22px;margin:16px 0}.section h2{margin-top:0;font-size:1.25rem}.notice{border-left:4px solid var(--primary)}.danger{border-left:4px solid var(--danger)}footer{border-top:1px solid var(--border);padding:28px 0 40px;color:var(--muted)}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.lang{margin:10px 0 22px;color:var(--muted)}[dir="rtl"] .page h1{text-align:right}[dir="rtl"] .notice,[dir="rtl"] .danger{border-left:none;border-right:4px solid var(--primary)}[dir="rtl"] .danger{border-right-color:var(--danger)}@media(max-width:650px){.nav{align-items:flex-start}.navlinks{justify-content:flex-end}.hero{padding-top:44px}}
