:root{--wine:#6b002b;--pink:#ff4eb7;--gold:#ffd65a;--cream:#fff4d2;--muted:rgba(255,244,210,.74);--line:rgba(255,214,90,.32);--shadow:0 24px 70px rgba(0,0,0,.34)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--cream);background:radial-gradient(circle at 12% 8%,rgba(255,78,183,.22),transparent 28%),radial-gradient(circle at 88% 10%,rgba(255,214,90,.16),transparent 25%),linear-gradient(180deg,#2b0015 0%,#650026 42%,#250011 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:radial-gradient(circle,rgba(255,214,90,.22) 1px,transparent 1.5px);background-size:54px 54px;opacity:.35;pointer-events:none}a{color:inherit;text-decoration:none}.container{width:min(1080px,calc(100% - 40px));margin:0 auto}.navbar{position:sticky;top:0;z-index:20;background:rgba(42,0,20,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:950;letter-spacing:-.04em;text-transform:uppercase}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:17px;color:#5b001f;background:linear-gradient(180deg,#fff4a7,#ffc229 58%,#b95d10);box-shadow:0 12px 26px rgba(255,190,54,.24),inset 0 2px 0 rgba(255,255,255,.48)}.nav-links{display:flex;align-items:center;gap:22px;color:rgba(255,244,210,.78);font-weight:850;font-size:15px}.nav-links a:hover{color:var(--gold)}.hero{padding:72px 0 38px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;color:var(--gold);background:rgba(255,214,90,.1);border:1px solid rgba(255,214,90,.3);font-size:13px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{content:"✦";color:var(--pink)}h1{margin-top:20px;max-width:850px;font-size:clamp(42px,6vw,76px);line-height:.95;letter-spacing:-.065em;text-transform:uppercase;text-shadow:0 5px 0 rgba(0,0,0,.25),0 0 22px rgba(255,78,183,.28)}.gold-title{display:block;color:transparent;background:linear-gradient(180deg,#fff9bd 0%,#ffc344 42%,#ff68ba 100%);-webkit-background-clip:text;background-clip:text}.lead{margin-top:20px;max-width:780px;color:var(--muted);font-size:18px;line-height:1.8}.policy-card{margin:34px 0 72px;padding:clamp(24px,4vw,46px);border-radius:32px;background:linear-gradient(180deg,rgba(116,0,46,.88),rgba(47,0,19,.92));border:1px solid var(--line);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.08)}.policy-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}.meta-pill{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;color:#5b001f;background:linear-gradient(180deg,#fff4a7,#ffc229 58%,#b95d10);font-size:13px;font-weight:950}.policy-section{padding:26px 0;border-top:1px solid rgba(255,214,90,.18)}.policy-section:first-of-type{border-top:0;padding-top:0}.policy-section h2{margin-bottom:14px;color:var(--gold);font-size:clamp(22px,3vw,30px);letter-spacing:-.035em}.policy-section p,.policy-section li{color:rgba(255,244,210,.76);line-height:1.82;font-size:16px}.policy-section ul{display:grid;gap:10px;padding-left:20px;margin-top:12px}.notice{margin-top:18px;padding:18px 20px;border-radius:18px;color:rgba(255,244,210,.82);background:rgba(255,255,255,.07);border:1px solid rgba(255,214,90,.25);line-height:1.75}.contact-box{display:grid;gap:10px;margin-top:14px;padding:20px;border-radius:20px;background:rgba(32,0,14,.48);border:1px solid rgba(255,214,90,.22);color:rgba(255,244,210,.78);line-height:1.7}.contact-box a:hover{color:var(--gold)}footer {
      position: relative;
      padding: 0;
      border-top: 1px solid rgba(255, 214, 90, .22);
      color: rgba(255, 244, 210, .68);
      overflow: hidden;
    }

    footer::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 15% 20%, rgba(255, 78, 183, .18), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(255, 214, 90, .16), transparent 26%),
        linear-gradient(180deg, rgba(78, 0, 31, .92), rgba(28, 0, 13, .98));
      pointer-events: none;
    }

    .footer-card {
      position: relative;
      margin: 0 auto;
      padding: 44px 0 34px;
    }

    .footer-top {
      display: grid;
      grid-template-columns: 1.25fr .85fr .9fr;
      gap: 34px;
      align-items: start;
      padding: 34px;
      border-radius: 30px;
      background: linear-gradient(180deg, rgba(118, 0, 45, .72), rgba(39, 0, 18, .82));
      border: 1px solid rgba(255, 214, 90, .34);
      box-shadow: 0 22px 60px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255,255,255,.08);
    }

    .footer-logo {
      display: flex;
      align-items: center;
      gap: 13px;
      margin-bottom: 16px;
      font-size: 24px;
      font-weight: 950;
      letter-spacing: -.04em;
      text-transform: uppercase;
      color: #fff8c7;
    }

    .footer-logo-badge {
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      border-radius: 17px;
      color: #5b001f;
      background: linear-gradient(180deg, #fff4a7, #ffc229 58%, #b95d10);
      box-shadow: 0 12px 26px rgba(255, 190, 54, .24), inset 0 2px 0 rgba(255,255,255,.48);
    }

    .footer-desc {
      max-width: 420px;
      color: rgba(255, 244, 210, .72);
      line-height: 1.75;
      font-size: 15px;
    }

    .footer-column h4 {
      margin-bottom: 16px;
      color: var(--gold);
      font-size: 14px;
      font-weight: 950;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .footer-list {
      display: grid;
      gap: 11px;
      list-style: none;
    }

    .footer-list a,
    .footer-contact a {
      color: rgba(255, 244, 210, .75);
      transition: color .2s ease, transform .2s ease;
    }

    .footer-list a:hover,
    .footer-contact a:hover {
      color: var(--gold);
    }

    .footer-contact {
      display: grid;
      gap: 12px;
      color: rgba(255, 244, 210, .72);
      font-size: 14px;
      line-height: 1.55;
    }

    .contact-item {
      display: flex;
      gap: 10px;
      align-items: flex-start;
    }

    .contact-icon {
      width: 28px;
      height: 28px;
      flex: 0 0 28px;
      display: grid;
      place-items: center;
      border-radius: 10px;
      color: #5b001f;
      background: linear-gradient(180deg, #fff4a7, #ffc229 58%, #b95d10);
      font-size: 13px;
    }

    .social-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 18px;
    }

    .social-link {
      min-height: 40px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 0 15px;
      border-radius: 999px;
      color: #fff7c4;
      border: 1px solid rgba(255, 214, 90, .36);
      background: rgba(255, 255, 255, .04);
      font-weight: 850;
      font-size: 14px;
      transition: transform .2s ease, background .2s ease, color .2s ease;
    }

    .social-link:hover {
      transform: translateY(-2px);
      color: #5b001f;
      background: linear-gradient(180deg, #fff4a7, #ffc229 58%, #b95d10);
    }

    .footer-bottom {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
      padding: 20px 4px 0;
      color: rgba(255, 244, 210, .52);
      font-size: 14px;
      flex-wrap: wrap;
    }

    .footer-policy-inline {
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
      font-weight: 800;
    }

    .footer-policy-inline a:hover {
      color: var(--gold);
    }

    @media (max-width: 1060px) {
      .hero-grid,
      .split,
      .feature-grid,
      .review-grid {
        grid-template-columns: 1fr;
      }

      .game-phone {
        margin: 0 auto;
      }
    }

    @media (max-width: 760px) {
      .nav-links {
        display: none;
      }

      .container {
        width: min(100% - 24px, 1220px);
      }

      .hero {
        padding-top: 48px;
      }

      .wallet-row {
        grid-template-columns: 1fr;
      }

      .brand span:last-child {
        display: none;
      }

      .btn {
        width: 100%;
      }

      .cta {
        padding: 42px 24px;
      }
    }