:root{
  --bg:#0B1220; --card:#1A2436; --card2:#141C2B; --mint:#34D399; --mint-dark:#06281B;
  --text:#E7EDF5; --dim:#94A3B8; --warn:#F59E0B; --info:#3B82F6; --red:#EF4444;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.6}
a{color:var(--mint);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header{padding:22px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.25rem;color:var(--text)}
.brand:hover{text-decoration:none}
.logo{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0E2A4F,#0B1B3A);display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;border:1px solid #24365a}
.logo span{background:linear-gradient(90deg,#34D399,#4D9FFF);-webkit-background-clip:text;background-clip:text;color:transparent}
nav a{color:var(--dim);margin-left:22px;font-size:.95rem}
nav a:hover{color:var(--text);text-decoration:none}
.hero{padding:64px 0 48px;text-align:center}
.hero h1{font-size:clamp(2rem,6vw,3.2rem);font-weight:800;line-height:1.15}
.hero h1 em{font-style:normal;color:var(--mint)}
.hero p.sub{color:var(--dim);font-size:1.15rem;max-width:640px;margin:18px auto 0}
.badge{display:inline-block;margin-top:28px;background:var(--mint);color:var(--mint-dark);font-weight:700;padding:14px 28px;border-radius:999px}
.badge.soon{background:var(--card);color:var(--warn);border:1px solid var(--warn)}
.tagline{margin-top:14px;color:var(--dim);font-size:.9rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:40px 0}
.card{background:var(--card);border-radius:16px;padding:22px}
.card .ico{font-size:1.6rem}
.card h3{margin:10px 0 6px;font-size:1.05rem}
.card p{color:var(--dim);font-size:.95rem}
.section{padding:36px 0}
.section h2{font-size:1.6rem;margin-bottom:12px}
.section p, .section li{color:var(--dim)}
.section ul{padding-left:22px}
.notice{background:var(--card2);border-left:4px solid var(--warn);border-radius:10px;padding:16px 18px;margin:26px 0;color:var(--dim);font-size:.95rem}
.content{padding:40px 0}
.content h1{font-size:2rem;margin-bottom:6px}
.content .date{color:var(--dim);font-style:italic;margin-bottom:24px}
.content h2{font-size:1.2rem;margin:26px 0 8px;color:var(--mint)}
.content p,.content li{color:#c6d0dd;margin-bottom:10px}
.content ul{padding-left:22px}
footer{border-top:1px solid #22304a;margin-top:48px;padding:28px 0 40px;color:var(--dim);font-size:.88rem}
footer .links{margin-bottom:12px}
footer .links a{margin-right:18px;color:var(--dim)}
footer .links a:hover{color:var(--mint)}
@media(max-width:600px){nav a{margin-left:14px}}