:root{
  --bg:#03140e;--bg2:#071e15;--card:#0a2419;--line:rgba(71,255,142,.18);
  --green:#39ef7d;--green2:#18c964;--gold:#f7cf57;--text:#f5fbf7;--muted:#a9beb3;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 50% 0%,rgba(33,238,113,.12),transparent 28%),
    linear-gradient(180deg,#03140e,#020d09 100%);
}
a{color:inherit;text-decoration:none}
.wrap{width:min(100%,760px);margin:0 auto;min-height:100vh}
.container{padding:0 18px}
.top{
  position:sticky;top:0;z-index:30;background:rgba(3,20,14,.88);backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.06)
}
.topin{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px}
.logo{width:148px;max-height:48px;object-fit:contain;object-position:left center}
.back{font-size:12px;color:#c7d8cf;border:1px solid rgba(255,255,255,.08);padding:9px 11px;border-radius:999px}
.hero{padding:34px 0 20px;background:radial-gradient(circle at 75% 28%,rgba(57,239,125,.12),transparent 32%)}
.eyebrow{display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid var(--line);color:#bfffd6;background:rgba(57,239,125,.06);font-weight:900;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
h1{font-size:clamp(38px,10vw,58px);line-height:.95;letter-spacing:-.045em;margin:14px 0 12px}
h1 span,h2 span{color:var(--gold)}
.lead{font-size:17px;line-height:1.5;color:#d5e1da;max-width:630px;margin:0}
.cta{
  display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:56px;
  margin-top:20px;border-radius:16px;background:linear-gradient(180deg,#43f489,#16ca62);
  color:#03130c;font-weight:950;font-size:17px;box-shadow:0 14px 30px rgba(33,225,105,.18)
}
.grid{display:grid;gap:11px;margin-top:18px}
.card{padding:17px;border-radius:18px;background:linear-gradient(145deg,rgba(12,40,28,.95),rgba(6,25,17,.97));border:1px solid var(--line)}
.card b{display:block;margin-bottom:5px;font-size:15px}.card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
section.content{padding:25px 0 0}
.kicker{color:var(--green);font-size:11px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px}
h2{font-size:28px;line-height:1.06;letter-spacing:-.035em;margin:0 0 10px}
.copy{color:#c6d5cd;font-size:15px;line-height:1.68}
.copy p{margin:0 0 15px}
.links{display:grid;gap:9px}
.linkcard{display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:#071e15;font-weight:850}
.linkcard span{color:var(--green)}
.notice{padding:14px 15px;border-radius:15px;border:1px solid rgba(247,207,87,.24);background:rgba(247,207,87,.05);color:#d7dfda;font-size:12px;line-height:1.5}
.footer{margin-top:30px;padding:22px 18px 95px;border-top:1px solid rgba(255,255,255,.06);color:#81968a;font-size:11px;line-height:1.55}
.float{
  position:fixed;left:50%;transform:translateX(-50%);bottom:12px;z-index:50;
  width:min(calc(100% - 28px),732px);min-height:53px;display:flex;align-items:center;justify-content:center;
  border-radius:16px;background:linear-gradient(180deg,#44f58a,#18c966);color:#04140e;font-weight:950;
  box-shadow:0 12px 28px rgba(0,0,0,.34)
}
@media(min-width:720px){.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}body{padding-top:18px}.wrap{border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.04)}}