/* template.css — the ONE stylesheet for this site. All CSS lives here; HTML carries no inline <style>. Generated by extract_css.js — edit here, then re-run to re-sync. */
:root {
      --bg: #0a0a0f;
      --card: #1a1a2e;
      --card2: #12121a;
      --accent: #ff2d78;
      --accent2: #bf5af2;
      --purple: #bf5af2;
      --text: #f0f0f0;
      --muted: #a0a0b8;
      --border: #2a2a3e;
      --radius: 12px;
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      background: var(--bg);
      color: var(--text);
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      line-height: 1.6;
      min-height: 100vh;
    }

    a { color: inherit; text-decoration: none; }

    @keyframes vtrPulse {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.5; transform: scale(1.3); }
    }

    @keyframes gradientShift {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(24px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @keyframes pulse {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.6; }
    }

    /* ── TOP BAR ── */
    .top-bar {
      background: var(--card2);
      border-bottom: 1px solid var(--border);
      padding: 6px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      font-size: 0.78rem;
      color: var(--muted);
    }
    .top-bar-left { display: flex; align-items: center; gap: 14px; }

    /* ── NAV ── */
    nav {
      background: rgba(10,10,15,0.95);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-bottom: 1px solid var(--border);
      padding: 14px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: sticky;
      top: 0;
      z-index: 1000;
    }
    .nav-logo {
      font-size: 1.5rem;
      font-weight: 900;
      background: linear-gradient(135deg, var(--accent), var(--purple));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      letter-spacing: -0.5px;
    }
    .nav-tagline {
      font-size: 0.78rem;
      color: var(--muted);
      margin-top: 1px;
    }
    .nav-right { display: flex; align-items: center; gap: 12px; }
    .tip-btn {
      background: linear-gradient(135deg, var(--accent), var(--purple));
      color: #fff;
      border: none;
      padding: 7px 18px;
      border-radius: 20px;
      font-size: 0.82rem;
      font-weight: 700;
      cursor: pointer;
      transition: opacity 0.2s, transform 0.15s;
    }
    .tip-btn:hover { opacity: 0.88; transform: scale(1.04); }

    /* ── HERO ── */
    .hero {
      padding: 72px 20px 56px;
      text-align: center;
      background: radial-gradient(ellipse at 50% 0%, rgba(255,45,120,0.12) 0%, transparent 65%),
                  radial-gradient(ellipse at 80% 80%, rgba(191,90,242,0.08) 0%, transparent 55%);
      animation: fadeInUp 0.7s ease both;
    }
    .hero h1 {
      font-size: clamp(2.4rem, 7vw, 5rem);
      font-weight: 900;
      letter-spacing: -1.5px;
      line-height: 1.1;
      background: linear-gradient(135deg, #fff 0%, var(--accent) 40%, var(--purple) 80%);
      background-size: 200% 200%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      animation: gradientShift 5s ease infinite;
      margin-bottom: 18px;
    }
    .hero p {
      font-size: clamp(1rem, 2.5vw, 1.25rem);
      color: var(--muted);
      max-width: 600px;
      margin: 0 auto 28px;
    }
    .hero-ctas { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
    .btn-primary {
      background: linear-gradient(135deg, var(--accent), var(--purple));
      color: #fff;
      padding: 13px 28px;
      border-radius: 30px;
      font-weight: 800;
      font-size: 1rem;
      transition: opacity 0.2s, transform 0.15s;
      display: inline-block;
    }
    .btn-primary:hover { opacity: 0.88; transform: scale(1.04); }
    .btn-secondary {
      background: transparent;
      color: var(--text);
      border: 1px solid var(--border);
      padding: 13px 28px;
      border-radius: 30px;
      font-weight: 700;
      font-size: 1rem;
      transition: border-color 0.2s, transform 0.15s;
      display: inline-block;
    }
    .btn-secondary:hover { border-color: var(--accent); transform: scale(1.04); }

    /* ── SECTION ── */
    .section { max-width: 1200px; margin: 0 auto; padding: 40px 20px; }
    .section-title {
      font-size: 1.5rem;
      font-weight: 800;
      margin-bottom: 6px;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .section-title span { color: var(--accent); }
    .section-sub { color: var(--muted); font-size: 0.9rem; margin-bottom: 24px; }

    /* ── CATEGORY TABS ── */
    .cat-tabs {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      margin-bottom: 28px;
    }
    .cat-btn {
      background: var(--card2);
      color: var(--muted);
      border: 1px solid var(--border);
      padding: 7px 16px;
      border-radius: 20px;
      font-size: 0.82rem;
      font-weight: 600;
      cursor: pointer;
      transition: background 0.2s, color 0.2s, border-color 0.2s;
    }
    .cat-btn:hover, .cat-btn.active {
      background: var(--accent);
      color: #fff;
      border-color: var(--accent);
    }

    /* ── VIDEO GRID ── */
    #video-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }
    @media (max-width: 900px) {
      #video-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 560px) {
      #video-grid { grid-template-columns: 1fr; }
    }

    .video-card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      overflow: hidden;
      transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
    }
    .video-card:hover {
      border-color: var(--accent);
      transform: translateY(-3px);
      box-shadow: 0 8px 30px rgba(255,45,120,0.12);
    }
    .video-embed {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      background: #000;
    }
    .video-embed iframe {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      border: 0;
    }
    .video-info { padding: 14px; }
    .badge-row { display: flex; gap: 6px; margin-bottom: 8px; flex-wrap: wrap; }
    .badge-cat {
      background: rgba(255,45,120,0.15);
      color: var(--accent);
      padding: 2px 9px;
      border-radius: 4px;
      font-size: 0.7rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.3px;
    }
    .badge-level {
      background: rgba(191,90,242,0.15);
      color: var(--purple);
      padding: 2px 9px;
      border-radius: 4px;
      font-size: 0.7rem;
      font-weight: 700;
    }
    .video-title {
      color: var(--text);
      font-size: 0.88rem;
      font-weight: 600;
      margin-bottom: 10px;
      line-height: 1.4;
    }
    .share-btn {
      display: inline-block;
      background: #1da1f2;
      color: #fff;
      padding: 5px 14px;
      border-radius: 6px;
      font-size: 0.78rem;
      font-weight: 700;
      text-decoration: none;
      transition: opacity 0.2s;
    }
    .share-btn:hover { opacity: 0.85; }

    /* ── REDDIT SECTION ── */
    .reddit-card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      padding: 20px 24px;
    }
    .reddit-header {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 14px;
      padding-bottom: 12px;
      border-bottom: 1px solid var(--border);
    }
    .reddit-icon {
      width: 28px; height: 28px;
      background: #ff4500;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.9rem;
      color: #fff;
      font-weight: 900;
      flex-shrink: 0;
    }
    .reddit-post {
      padding: 9px 0;
      border-bottom: 1px solid var(--border);
    }
    .reddit-post:last-child { border-bottom: none; }
    .reddit-post a {
      color: var(--text);
      font-size: 0.85rem;
      font-weight: 600;
      transition: color 0.2s;
    }
    .reddit-post a:hover { color: var(--accent); }
    #reddit-dance-loading {
      color: var(--muted);
      font-size: 0.85rem;
      padding: 8px 0;
    }

    /* ── GEAR SECTION ── */
    .gear-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
      margin-bottom: 16px;
    }
    @media (max-width: 700px) {
      .gear-grid { grid-template-columns: 1fr; }
    }
    .gear-card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      padding: 20px;
      text-align: center;
      transition: border-color 0.2s, transform 0.2s;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
    }
    .gear-card:hover { border-color: var(--accent); transform: translateY(-2px); }
    .gear-icon { font-size: 2.4rem; }
    .gear-name { font-size: 1rem; font-weight: 700; color: var(--text); }
    .gear-desc { font-size: 0.82rem; color: var(--muted); }
    .gear-link {
      display: inline-block;
      background: #ff9900;
      color: #111;
      padding: 7px 18px;
      border-radius: 20px;
      font-size: 0.8rem;
      font-weight: 800;
      transition: opacity 0.2s;
      margin-top: 4px;
    }
    .gear-link:hover { opacity: 0.88; }

    /* ── FIVERR CARD ── */
    .fiverr-card {
      background: linear-gradient(135deg, #1dbf73 0%, #19a463 100%);
      border-radius: var(--radius);
      padding: 28px 32px;
      display: flex;
      align-items: center;
      gap: 24px;
      flex-wrap: wrap;
    }
    .fiverr-text h3 { font-size: 1.3rem; font-weight: 800; color: #fff; margin-bottom: 6px; }
    .fiverr-text p { font-size: 0.9rem; color: rgba(255,255,255,0.85); }
    .fiverr-btn {
      background: #fff;
      color: #1dbf73;
      padding: 11px 26px;
      border-radius: 20px;
      font-weight: 800;
      font-size: 0.95rem;
      white-space: nowrap;
      transition: opacity 0.2s;
      display: inline-block;
      flex-shrink: 0;
    }
    .fiverr-btn:hover { opacity: 0.88; }

    /* ── AFFILIATE BANNER ── */
    .affiliate-row {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px;
      margin-top: 16px;
    }
    @media (max-width: 560px) { .affiliate-row { grid-template-columns: 1fr; } }
    .aff-card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      padding: 16px 18px;
      display: flex;
      align-items: center;
      gap: 14px;
      transition: border-color 0.2s, transform 0.15s;
    }
    .aff-card:hover { border-color: var(--accent2); transform: translateY(-2px); }
    .aff-icon { font-size: 1.8rem; flex-shrink: 0; }
    .aff-text h4 { font-size: 0.9rem; font-weight: 700; color: var(--text); margin-bottom: 3px; }
    .aff-text p { font-size: 0.78rem; color: var(--muted); }
    .aff-link {
      margin-left: auto;
      background: var(--accent2);
      color: #fff;
      padding: 5px 14px;
      border-radius: 16px;
      font-size: 0.78rem;
      font-weight: 700;
      white-space: nowrap;
      transition: opacity 0.2s;
      flex-shrink: 0;
    }
    .aff-link:hover { opacity: 0.85; }

    /* ── EMPIRE GRID ── */
    .empire-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: center;
    }
    .empire-link {
      background: var(--card2);
      border: 1px solid var(--border);
      color: var(--muted);
      padding: 5px 13px;
      border-radius: 20px;
      font-size: 0.78rem;
      font-weight: 600;
      transition: background 0.2s, color 0.2s, border-color 0.2s;
    }
    .empire-link:hover { background: var(--card); color: var(--accent); border-color: var(--accent); }
    .empire-link.current { color: var(--accent); border-color: var(--accent); background: rgba(255,45,120,0.08); }

    /* ── FOOTER ── */
    footer {
      background: var(--card2);
      border-top: 1px solid var(--border);
      padding: 36px 20px 24px;
      text-align: center;
    }
    .footer-logo {
      font-size: 1.6rem;
      font-weight: 900;
      background: linear-gradient(135deg, var(--accent), var(--purple));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin-bottom: 8px;
    }
    .footer-tagline { color: var(--muted); font-size: 0.85rem; margin-bottom: 16px; }
    .footer-links { display: flex; gap: 18px; justify-content: center; flex-wrap: wrap; margin-bottom: 18px; }
    .footer-links a { color: var(--muted); font-size: 0.82rem; transition: color 0.2s; }
    .footer-links a:hover { color: var(--accent); }
    .footer-legal { color: var(--muted); font-size: 0.75rem; }
    .footer-legal a { color: var(--accent); }

    /* ── DIVIDER ── */
    .divider {
      border: none;
      border-top: 1px solid var(--border);
      margin: 0;
    }

    /* ── CHALLENGE SECTION ── */
    .challenge-card{background:linear-gradient(135deg,rgba(255,45,120,.1),rgba(191,90,242,.08));border:2px solid rgba(255,45,120,.3);border-radius:16px;padding:28px;margin-bottom:20px}
    .challenge-live-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,45,120,.15);border:1px solid rgba(255,45,120,.4);border-radius:999px;padding:4px 14px;font-size:.75rem;font-weight:700;color:var(--accent);margin-bottom:14px}
    .pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:vtrPulse 1.5s infinite}
    .challenge-title{font-size:1.6rem;font-weight:900;margin-bottom:6px}
    .challenge-meta{color:var(--muted);font-size:.88rem;margin-bottom:16px}
    .leaderboard{display:flex;flex-direction:column;gap:8px;margin-top:16px}
    .lb-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--card2);border:1px solid var(--border);border-radius:10px}
    .lb-rank{font-size:1.1rem;font-weight:900;width:28px;flex-shrink:0}
    .lb-name{flex:1;font-weight:700;font-size:.88rem}
    .lb-votes{color:var(--accent);font-weight:700;font-size:.82rem}
    /* ── PRACTICE TIMER ── */
    .timer-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px;text-align:center}
    .timer-display{font-size:5rem;font-weight:900;color:var(--accent);letter-spacing:-2px;margin:16px 0;font-variant-numeric:tabular-nums}
    .timer-mode-row{display:flex;gap:8px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}
    .timer-mode-btn{background:var(--card2);border:1px solid var(--border);color:var(--muted);padding:6px 16px;border-radius:20px;font-size:.82rem;font-weight:700;cursor:pointer;transition:.2s}
    .timer-mode-btn.active,.timer-mode-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
    .timer-btn-row{display:flex;gap:10px;justify-content:center;margin:16px 0;flex-wrap:wrap}
    .t-btn{border:none;padding:12px 24px;border-radius:20px;font-weight:800;font-size:.95rem;cursor:pointer;transition:.2s}
    .t-start{background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff}
    .t-pause{background:var(--card2);border:1px solid var(--border);color:var(--text)}
    .t-reset{background:var(--card2);border:1px solid var(--border);color:var(--muted)}
    .t-btn:hover{transform:scale(1.04)}
    .streak-badge{display:inline-block;background:rgba(255,45,120,.12);border:1px solid rgba(255,45,120,.3);border-radius:20px;padding:6px 18px;font-size:.9rem;font-weight:700;color:var(--accent);margin-top:12px}
    .timer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
    .t-stat{background:var(--card2);border:1px solid var(--border);border-radius:10px;padding:14px;text-align:center}
    .t-stat-num{font-size:1.6rem;font-weight:900;color:var(--accent)}
    .t-stat-label{font-size:.72rem;color:var(--muted);margin-top:4px}
    /* ── NEWSLETTER ── */
    .newsletter-section{background:linear-gradient(135deg,rgba(255,45,120,.06),rgba(191,90,242,.06));border:1px solid rgba(255,45,120,.2);border-radius:16px;padding:36px 28px;text-align:center;margin:0 20px}
    .nl-form{display:flex;gap:8px;max-width:420px;margin:16px auto 0;flex-wrap:wrap}
    .nl-input{flex:1;min-width:200px;background:var(--card);border:1px solid var(--border);color:var(--text);padding:11px 16px;border-radius:10px;font-size:.9rem;font-family:inherit}
    .nl-input:focus{outline:none;border-color:var(--accent)}
    .nl-btn{background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;border:none;padding:11px 22px;border-radius:10px;font-weight:800;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:.2s}
    .nl-btn:hover{transform:scale(1.04)}
    /* ── MORE AFFILIATES ── */
    .aff-full-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
    /* ── RESPONSIVE NAV ── */
    @media (max-width: 480px) {
      .nav-tagline { display: none; }
      .timer-stats{grid-template-columns:1fr}
    }
  
/* mobile nav (responsive: wrap + compact) */
@media(max-width:680px){nav .nav-right,.nav-right,.lk{flex-wrap:wrap!important;gap:.35rem!important}nav a,.lk a{padding:.2rem .45rem;font-size:.78rem}nav,.nav,header{padding-left:.6rem!important;padding-right:.6rem!important}}

/* per-site identity */
body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important}
.nav,nav{border-bottom:2px solid #ec4899!important}
.logo,.nav-logo{text-transform:uppercase!important;font-weight:900!important;letter-spacing:-.02em!important}
.nav-links a,nav .links a{text-transform:uppercase!important;font-weight:700!important;font-size:.8rem!important}
.hero h1,h1{text-transform:uppercase!important;font-weight:900!important;letter-spacing:-.03em!important;line-height:.98!important}
.hero h1::after,h1 .u{content:'';display:block;height:9px;width:80px;background:#ec4899;transform:skewX(-20deg);margin:14px auto 0}
.section-title,.container h2,h2{text-transform:uppercase!important;font-weight:900!important;letter-spacing:-.01em!important}
.section-title::after{content:'';display:block;height:5px;width:44px;background:#ec4899;margin:6px auto 0;transform:skewX(-20deg)}


  @media (max-width: 700px) {
    .section > div[style*="grid-template-columns:1fr 1.6fr"] {
      grid-template-columns: 1fr !important;
    }
    .gear-grid { grid-template-columns: repeat(3,1fr) !important; }
  }
  @media (max-width: 500px) {
    .gear-grid { grid-template-columns: 1fr !important; }
  }


.tways-net{background:#0a0a0a;color:#e8e8e8;padding:44px 20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;border-top:1px solid #222;box-sizing:border-box}
.tways-net *{box-sizing:border-box}
.tways-net .tways-inner{max-width:1000px;margin:0 auto}
.tways-net h2{font-size:1.35rem;font-weight:800;margin:0 0 4px;color:#FFD700;text-align:center;letter-spacing:.5px}
.tways-net p.tways-sub{text-align:center;color:#888;font-size:.85rem;margin:0 0 22px;line-height:1.5}
.tways-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.tways-grid a{display:block;background:#111;border:1px solid #1f1f1f;border-radius:10px;padding:12px 14px;text-decoration:none;transition:border-color .2s,transform .2s}
.tways-grid a:hover{border-color:#FFD700;transform:translateY(-2px)}
.tways-grid a .tways-dom{display:block;font-weight:800;color:#FFD700;font-size:.95rem}
.tways-grid a .tways-desc{display:block;color:#9a9a9a;font-size:.75rem;margin-top:2px}
.tways-grid a.tways-here{border-color:#FFD700;background:linear-gradient(135deg,#111,rgba(255,215,0,.07))}
.tways-grid a.tways-here .tways-desc{color:#FFD700}


.video-thumb {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  background: #000;
  cursor: pointer;
}
.video-thumb img {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  transition: opacity 0.2s;
}
.video-thumb:hover img { opacity: 0.8; }
.play-overlay {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 64px; height: 64px;
  background: rgba(255,45,120,0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  pointer-events: none;
  transition: transform 0.15s;
}
.video-thumb:hover .play-overlay { transform: translate(-50%,-50%) scale(1.1); }
.video-fallback {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #0d0d1a;
  color: var(--muted);
  font-size: 0.82rem;
  text-align: center;
  padding: 16px;
}
.video-fallback a {
  background: var(--accent);
  color: #fff;
  padding: 7px 18px;
  border-radius: 20px;
  font-weight: 700;
  font-size: 0.82rem;
  text-decoration: none;
}

/* ---- content-page components (blog / guides / legal) ---- */
.sa-nav{background:rgba(0,0,0,.35);border-bottom:1px solid #ec489933;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}
.sa-nav .lg{font-weight:900;font-size:1.25rem;color:#ec4899;letter-spacing:.02em}
.sa-nl{display:flex;align-items:center;gap:20px}
.sa-nl>a{color:#b09aac;font-weight:600;font-size:.9rem}
.sa-nl>a:hover{color:#ec4899}
.navdd{position:relative}
.navdd summary{list-style:none;cursor:pointer;color:#b09aac;font-weight:600;font-size:.9rem}
.navdd summary::-webkit-details-marker{display:none}
.navdd summary::after{content:" \25BE";color:#ec4899;font-size:.8em}
.navdd[open] summary::after{content:" \25B4"}
.navdd-menu{position:absolute;right:0;top:calc(100% + 11px);min-width:300px;background:#12121a;border:1px solid #ec489933;border-radius:10px;padding:6px;box-shadow:0 16px 40px rgba(0,0,0,.55);z-index:300}
.navdd-menu a{display:block;padding:9px 12px;color:#f2e9f0;font-size:.85rem;border-radius:7px}
.navdd-menu a:hover{background:#ec489922;color:#ec4899}
.wrap{max-width:760px;margin:0 auto;padding:40px 22px}
.kick{font-family:ui-monospace,Menlo,monospace;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#ec4899;margin-bottom:10px}
h1{font-size:clamp(1.9rem,4.5vw,2.6rem);line-height:1.15;color:#fff;font-weight:800}
.meta{font-family:ui-monospace,Menlo,monospace;font-size:.72rem;color:#b09aac;margin:12px 0 26px;border-bottom:1px solid #ec489922;padding-bottom:14px}
.toc{background:#12121a;border:1px solid #ec489933;border-radius:12px;padding:16px 20px;margin:0 0 28px}
.toc-h{font-family:ui-monospace,Menlo,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#ec4899;margin-bottom:9px}
.toc ol{margin:0;padding-left:1.2rem}
.toc li{margin:5px 0}
.toc a{color:#f2e9f0}
.toc a:hover{color:#ec4899}
.prose p{margin:0 0 16px;color:#f2e9f0}
.prose h2{font-size:1.35rem;color:#fff;margin:30px 0 10px;font-weight:700;scroll-margin-top:80px;border-left:3px solid #ec4899;padding-left:14px}
.prose ul{margin:0 0 16px;list-style:none}
.prose li{padding-left:20px;position:relative;margin-bottom:7px;color:#f2e9f0}
.prose li::before{content:'\25B8';position:absolute;left:0;color:#ec4899}
.faq{margin-top:34px;border-top:1px solid #ec489922;padding-top:8px}
.faq .q{font-weight:700;color:#fff;margin:20px 0 5px}
.faq .a{color:#b09aac}
.cta{background:#12121a;border:1px solid #ec489944;border-radius:12px;padding:24px;text-align:center;margin:32px 0}
.cta a{display:inline-block;margin-top:10px;background:#ec4899;color:#0a0a0a;font-weight:800;padding:11px 24px;border-radius:8px}
.rel{margin-top:30px}
.rel h3{font-family:ui-monospace,Menlo,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#ec4899;margin-bottom:8px}
.rel a{display:block;padding:6px 0;color:#f2e9f0;border-bottom:1px solid #ec489918}
@media(max-width:640px){.navdd-menu{position:fixed;left:10px;right:10px;min-width:0}}
.legal{max-width:800px;margin:0 auto;padding:40px 20px}
a:hover{text-decoration:underline}
h2{font-size:22px;font-weight:800;margin-top:40px;margin-bottom:12px;padding-top:20px;border-top:1px solid #1a1a28;color:#f59e0b}
h3{font-size:17px;font-weight:700;margin-top:24px;margin-bottom:8px;color:#e8e8f0}
p,li{font-size:15px;color:#8888a0;margin-bottom:12px}
ul{padding-left:24px;margin-bottom:16px}
li{margin-bottom:6px}
.back{display:inline-block;margin-bottom:24px;padding:8px 20px;background:#0e0e16;border:1px solid #1a1a28;border-radius:8px;font-size:14px;font-weight:600;color:#e8e8f0}
.back:hover{border-color:#f59e0b;text-decoration:none}
.updated{font-size:13px;color:#555568;margin-bottom:32px}
.highlight{background:#0e0e16;border:1px solid #1a1a28;border-radius:12px;padding:20px;margin:20px 0}
.highlight p{color:#e8e8f0;font-weight:600;margin-bottom:4px}