:root{
  --bg:#050607;
  --panel:#0d1117;
  --panel2:#111923;
  --text:#f4f0e6;
  --muted:#c9c2b7;
  --cyan:#00d4d8;
  --orange:#ff8a00;
  --red:#ff4b4b;
  --line:rgba(255,255,255,.14);
  --shadow:0 22px 60px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(0,212,216,.18),transparent 28%),radial-gradient(circle at 85% 10%,rgba(255,138,0,.16),transparent 28%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline}
.site-header{position:sticky;top:0;z-index:20;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:14px 22px;background:rgba(5,6,7,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.brand img{height:54px;width:auto;max-width:180px;object-fit:contain}
.top-nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.top-nav a{padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-weight:800;font-size:.92rem;background:rgba(255,255,255,.04)}
.top-nav a.active,.top-nav a:hover{border-color:var(--cyan);box-shadow:0 0 20px rgba(0,212,216,.18);text-decoration:none}
main{max-width:1220px;margin:0 auto;padding:28px 18px 70px}
.hero{padding:54px 22px 36px;text-align:center;border-bottom:1px solid var(--line)}
.eyebrow{margin:0 0 10px;color:var(--orange);text-transform:uppercase;font-weight:900;letter-spacing:.22em;font-size:.82rem}
.eyebrow.danger{color:var(--red)}
h1{margin:0;font-size:clamp(2.2rem,5vw,5rem);line-height:.95;text-transform:uppercase;letter-spacing:.01em}
h2{margin:0 0 14px;font-size:clamp(1.65rem,3vw,3rem);line-height:1.05;text-transform:uppercase}
h3{margin:0 0 10px;color:var(--cyan);font-size:1.2rem;text-transform:uppercase}
.hero-copy,.section-copy,.lead{max-width:850px;margin:18px auto;color:var(--muted);font-size:1.1rem}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.hero-actions a{padding:12px 18px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),#007d8a);color:#001014;font-weight:900;text-transform:uppercase}
.hero-actions a:nth-child(2),.hero-actions a:nth-child(3){background:rgba(255,255,255,.08);color:var(--text);border:1px solid var(--line)}
.rules-gate,.packages,.terms-summary{margin-top:34px}
.rules-card,.terms-summary{background:linear-gradient(145deg,rgba(13,17,23,.96),rgba(17,25,35,.92));border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:26px;box-shadow:var(--shadow)}
.rules-card{outline:2px solid rgba(255,75,75,.15)}
.rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.rules-grid article{background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:18px;padding:18px}
.rules-grid p{margin:0;color:var(--muted)}
.small-note{font-size:.95rem;margin-top:10px!important;color:#ded5c9!important}
.agreement-box{display:flex;gap:14px;align-items:flex-start;margin-top:24px;padding:18px;border-radius:18px;background:rgba(255,138,0,.1);border:2px solid rgba(255,138,0,.52);font-weight:800;color:#fff}
.agreement-box input{width:24px;height:24px;flex:0 0 auto;margin-top:3px;accent-color:var(--orange)}
.locked-notice{margin:16px 0 0;color:#fff;background:rgba(255,75,75,.18);border:1px solid rgba(255,75,75,.55);padding:12px 14px;border-radius:12px;font-weight:900;text-align:center}
.locked-notice.unlocked{background:rgba(0,212,216,.14);border-color:rgba(0,212,216,.48)}
.packages{text-align:center}
.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;text-align:left}
.package-card{display:flex;flex-direction:column;background:linear-gradient(160deg,rgba(11,13,17,.97),rgba(16,24,33,.95));border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow);min-height:100%}
.package-card.featured{border-color:rgba(0,212,216,.55);box-shadow:0 22px 70px rgba(0,212,216,.12)}
.package-card.coming-soon{opacity:.78}
.tag{margin:0 0 8px;color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}
.price{font-size:2rem;font-weight:900;margin:8px 0;color:#fff}
.price span{font-size:1rem;color:var(--muted);font-weight:700}
ul{padding-left:20px;color:var(--muted)}
.checkout-btn{margin-top:auto;width:100%;border:0;border-radius:14px;padding:14px 16px;font-size:1rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:.18s ease;background:linear-gradient(90deg,var(--cyan),#0092a5);color:#001014}
.checkout-btn.locked{background:#2c2f35;color:#aeb4bd;cursor:not-allowed;border:1px solid rgba(255,255,255,.1)}
.checkout-btn.ready:hover{filter:brightness(1.12);transform:translateY(-1px)}
.checkout-btn.unavailable{background:#2a2a2a;color:#aaa;cursor:not-allowed}
.site-footer{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:28px 18px;color:var(--muted);border-top:1px solid var(--line);background:#030405}
@media (max-width: 900px){
  .site-header{position:static;align-items:flex-start;flex-direction:column}
  .top-nav{justify-content:flex-start}
  .rules-grid,.package-grid{grid-template-columns:1fr}
  .brand img{max-width:140px;height:44px}
}