:root{
  --bg:#06101b;--panel:#0b1928;--panel2:#0d2132;--text:#edf8ff;
  --muted:#9db5c7;--cyan:#53ddff;--cyan2:#149bc9;--gold:#ffc875;
  --line:rgba(83,221,255,.22);--shadow:0 24px 80px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);background:
  radial-gradient(circle at 50% -20%,rgba(38,149,202,.26),transparent 38rem),
  linear-gradient(180deg,#07121f 0%,#040a11 100%);min-height:100vh;line-height:1.65
}
a{color:var(--cyan)}
.wrap{width:min(1080px,calc(100% - 36px));margin:auto}
header{border-bottom:1px solid var(--line);background:rgba(4,10,17,.72);backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}
nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:750;letter-spacing:.02em}
.brand img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.links{display:flex;gap:22px;flex-wrap:wrap}.links a{text-decoration:none;color:#c9dce8;font-size:.94rem}.links a:hover{color:var(--cyan)}
.hero{padding:78px 0 58px;text-align:center}
.hero img{width:min(270px,66vw);border-radius:50%;filter:drop-shadow(0 22px 44px rgba(36,193,236,.18))}
.eyebrow{color:var(--cyan);font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;margin-top:28px}
h1{font-size:clamp(2.35rem,7vw,4.6rem);line-height:1.02;margin:.3em 0 .25em;letter-spacing:-.045em}
.lead{max-width:760px;margin:0 auto;color:#b8cedd;font-size:clamp(1rem,2.4vw,1.2rem)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:24px 0 76px}
.card,.content{
  background:linear-gradient(145deg,rgba(13,33,50,.92),rgba(7,20,32,.92));
  border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)
}
.card{padding:26px}.card h2{font-size:1.08rem;margin:0 0 8px}.card p{margin:0;color:var(--muted);font-size:.95rem}
.icon{font-size:1.45rem;margin-bottom:14px;color:var(--cyan)}
.content{padding:clamp(24px,5vw,52px);margin:56px auto 76px;max-width:900px}
.content h1{font-size:clamp(2rem,5vw,3.2rem)}.content h2{margin-top:2em;font-size:1.25rem}.content p,.content li{color:#bfd0dc}
.notice{border-left:3px solid var(--cyan);padding:14px 18px;background:rgba(83,221,255,.07);border-radius:0 12px 12px 0;color:#cfeaf4}
footer{border-top:1px solid var(--line);padding:30px 0 42px;color:#7f9aad;font-size:.9rem}
.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:#9eb8c9;text-decoration:none;margin-right:16px}
@media(max-width:760px){.cards{grid-template-columns:1fr}.links{gap:12px}.brand span{display:none}.hero{padding-top:48px}}