:root{
  --bg:#0b1019;
  --ink:#eef1f8;
  --muted:#a6aec0;
  --muted2:#778196;
  --accent:#8ea3dd;
  --orange:#e8a85c;
  --glass:rgba(255,255,255,.055);
  --glass-brd:rgba(255,255,255,.11);
  --maxw:850px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  min-height:100vh;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  color:var(--ink);
  line-height:1.72;
  background:
    radial-gradient(900px 650px at 90% -10%,rgba(86,111,181,.35),transparent 60%),
    radial-gradient(700px 620px at -10% 60%,rgba(232,168,92,.13),transparent 62%),
    var(--bg);
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:#bdc9eb}
.wrap{width:min(var(--maxw),calc(100% - 40px));margin:0 auto}
header{border-bottom:1px solid var(--glass-brd);background:rgba(11,16,25,.75);backdrop-filter:blur(18px)}
nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-family:'Sora','Inter',sans-serif;font-weight:700;font-size:18px}
.brand img{width:34px;height:34px;border-radius:9px}
.nav-link{color:var(--muted);font-size:14px;text-decoration:none}
main{padding:72px 0 90px}
.hero{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;margin-bottom:42px}
.app-icon{width:88px;height:88px;border-radius:21px;box-shadow:0 18px 44px rgba(0,0,0,.35)}
.eyebrow{color:var(--orange);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
h1,h2,h3{font-family:'Sora','Inter',sans-serif;line-height:1.18;letter-spacing:-.02em}
h1{font-size:clamp(34px,7vw,54px);margin:7px 0 8px}
.intro{font-size:18px;color:var(--muted)}
.card{padding:clamp(25px,5vw,48px);border:1px solid var(--glass-brd);border-radius:26px;background:var(--glass);backdrop-filter:blur(18px);box-shadow:0 22px 65px rgba(0,0,0,.25)}
.card h2{font-size:25px;margin:36px 0 12px}
.card h2:first-child{margin-top:0}
.card h3{font-size:18px;margin:26px 0 7px}
.card p,.card ul,.card ol{color:var(--muted);margin-bottom:15px}
.card ul,.card ol{padding-left:23px}
.card li{padding-left:4px;margin:7px 0}
.notice{border-left:3px solid var(--orange);padding:14px 18px;background:rgba(232,168,92,.08);border-radius:0 12px 12px 0;margin:22px 0;color:var(--muted)}
.contact{display:inline-flex;margin-top:8px;padding:11px 18px;border-radius:999px;background:linear-gradient(135deg,#6b85c9,#5b6b8c);color:#fff;text-decoration:none;font-weight:650}
.updated{margin-top:34px;color:var(--muted2);font-size:13px}
footer{border-top:1px solid var(--glass-brd);padding:34px 0 44px;color:var(--muted2);font-size:13px}
.footer-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer-row a{color:var(--muted)}
@media(max-width:600px){
  main{padding-top:48px}
  .hero{grid-template-columns:1fr;text-align:center}
  .app-icon{margin:0 auto}
  .card{border-radius:20px}
}