:root{
      --primary:#1273ea;
      --text:#0f172a;
      --muted:#475569;
      --bg:#f8fafc;
      --card:#ffffff;
      --radius:14px;
      --shadow:0 12px 30px rgba(2,6,23,.08);
      --ok:#10b981;
    }
    *{box-sizing:border-box}
    body{
      margin:0;background:var(--bg);color:var(--text);
      font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif
    }
    a{color:var(--primary);text-decoration:none}
    .container{max-width:1100px;margin:0 auto;padding:28px}
    .topbar{background:#ffffff;position:sticky;top:0;z-index:50;border-bottom:1px solid #e5e7eb}
    .nav{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:12px 18px;max-width:1170px;margin:0 auto}
    .brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--primary)}
    .brand svg{width:26px;height:26px}
    .menu{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
    .menu a{font-weight:600;color:var(--text);opacity:.9}
    .menu .cta{padding:10px 14px;border-radius:12px;background:var(--primary);color:#fff;font-weight:800}
    .notice{background:#0b5fff;color:#fff;text-align:center;padding:10px 14px;font-weight:700}
    .notice a{color:#fff;text-decoration:underline;font-weight:800}
    h1{margin:18px 0 8px;font-size:42px;line-height:1.1;color:var(--primary);text-align:center}
    .lead{max-width:900px;margin:8px auto 22px;text-align:center;font-size:18px;color:#0b1324}
    .card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;margin:18px 0}
    .section-title{font-size:26px;margin:0 0 12px;color:var(--text)}
    .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
    @media (max-width:800px){.grid{grid-template-columns:1fr}}
    .feature{border:1px solid #e5e7eb;border-radius:12px;padding:18px;background:#fff;transition:transform .15s ease,box-shadow .15s ease}
    .feature.available{border-color:rgba(18,115,234,.25);box-shadow:0 8px 18px rgba(18,115,234,.08)}
    .feature.available:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(18,115,234,.12)}
    .feature.available h3{display:flex;align-items:center;gap:8px;margin-top:0}
    .feature-link{display:block;color:inherit;text-decoration:none}
    .badge{display:inline-block;font-size:12px;background:#e0e7ff;color:#1e3a8a;border-radius:999px;padding:4px 10px;font-weight:700}
    .badge.new{background:#dcfce7;color:#047857}
    ul{margin:10px 0 0;padding-left:18px}