*{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Manrope',sans-serif;background:#0a0812;color:#fff;min-height:100vh;overflow-x:hidden;position:relative}

  .stars-bg{position:fixed;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(120,60,220,.18) 0%,transparent 70%),
               radial-gradient(ellipse 40% 30% at 20% 80%,rgba(255,180,0,.08) 0%,transparent 60%),#0a0812}
  .stars-bg::before{content:'';position:absolute;inset:0;
    background-image:radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 1px);
    background-size:120px 80px,60px 60px;background-position:0 0,30px 30px;opacity:.4}
  #particles{position:fixed;inset:0;z-index:1;pointer-events:none}
  .wrap{position:relative;z-index:5;max-width:1180px;margin:0 auto;padding:0 20px}

  /* nav */
  nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;
    max-width:1180px;margin:0 auto;padding:16px 20px;flex-wrap:wrap}
  .logo{font-family:'Manrope',sans-serif;font-weight:900;font-size:20px;letter-spacing:1px;text-shadow:0 0 20px rgba(255,210,60,.5)}
  .logo span{color:#ffd23c}
  .nav-links{display:flex;gap:4px;list-style:none;flex-wrap:wrap;align-items:center}
  .nav-links a{font-size:13px;font-weight:600;color:rgba(255,255,255,.6);text-decoration:none;padding:6px 12px;border-radius:7px;border:1px solid transparent;transition:all .2s}
  .nav-links a:hover{color:#ffd23c;border-color:rgba(255,210,60,.3)}
  .nav-links a.bonus{color:#0a0812;background:linear-gradient(135deg,#ffd23c,#ff8c00);font-weight:700}
  .online{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:rgba(255,255,255,.6);border:1px solid rgba(67,255,183,.3);background:rgba(67,255,183,.08);padding:6px 12px;border-radius:999px}
  .online .dot{width:8px;height:8px;border-radius:50%;background:#43ffb7;box-shadow:0 0 8px #43ffb7;animation:blink 1.8s infinite}
  @keyframes blink{0%,100%{opacity:1}50%{opacity:.4}}

  /* hero promo */
  .hero{position:relative;z-index:5;text-align:center;padding:30px 20px 10px}
  .badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,210,60,.1);border:1px solid rgba(255,210,60,.4);border-radius:999px;padding:5px 16px;font-size:12px;font-weight:700;color:#ffd23c;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}
  h1{font-family:'Manrope',sans-serif;font-size:clamp(30px,5vw,52px);font-weight:900;line-height:1.08;text-shadow:0 0 40px rgba(255,210,60,.35);margin-bottom:12px}
  h1 span{color:#ffd23c}
  .hero p{font-size:16px;color:rgba(255,255,255,.55);max-width:560px;margin:0 auto;line-height:1.6}

  .stats{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:26px auto 8px;max-width:680px}
  .stat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 28px;min-width:160px;text-align:center}
  .stat-num{font-family:'Manrope',sans-serif;font-size:26px;font-weight:700;color:#ffd23c}
  .stat-num-static{white-space:nowrap}
  .stat-lbl{font-size:12px;font-weight:600;color:rgba(255,255,255,.62);margin-top:4px;text-transform:uppercase;letter-spacing:1px}

  /* calculator */
  .calc-section{padding:30px 0 10px}
  .calc-head{text-align:center;margin-bottom:8px}
  .calc-head h2{font-family:'Manrope',sans-serif;font-size:clamp(24px,4vw,38px);font-weight:900}
  .calc-head .accent{color:#ffd23c}
  .calc-head .note{font-size:13px;color:rgba(255,255,255,.6);margin-top:8px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.5}

  .country-tabs{display:flex;gap:10px;justify-content:center;margin:26px 0 18px;flex-wrap:wrap}
  .ctab{display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:700;color:rgba(255,255,255,.6);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:13px 26px;cursor:pointer;transition:all .2s}
  .ctab .flag{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:14px}
  .ctab:hover{border-color:rgba(255,210,60,.4)}
  .ctab.active{color:#0a0812;background:linear-gradient(135deg,#ffd23c,#ff8c00);border-color:#ffd23c}

  .calc-card{max-width:780px;margin:0 auto;background:rgba(16,12,28,.7);border:1px solid rgba(255,210,60,.2);border-radius:28px;padding:42px 46px;box-shadow:0 0 0 1px rgba(255,210,60,.05),0 20px 60px rgba(0,0,0,.4);backdrop-filter:blur(10px)}
  .calc-card .region{text-align:center;font-size:16px;font-weight:700;color:rgba(255,255,255,.55);margin-bottom:28px}

  .field{margin-bottom:24px}
  .field label{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.5);margin-bottom:10px}
  .field-input{position:relative}
  .field-input input{width:100%;background:#0a0812;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px 22px;color:#fff;font-size:21px;font-weight:600;font-family:'Manrope',sans-serif;outline:none;transition:all .2s}
  .field-input input:focus{border-color:rgba(255,210,60,.6);box-shadow:0 0 0 4px rgba(255,210,60,.1)}
  .field-input .suffix{position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:700;color:#ffd23c;pointer-events:none}

  .quick-amounts{display:flex;gap:9px;margin-top:12px;flex-wrap:wrap}
  .quick-amounts button{flex:1;min-width:72px;font-family:'Manrope',sans-serif;font-size:15px;font-weight:700;color:rgba(255,255,255,.7);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 8px;cursor:pointer;transition:all .15s}
  .quick-amounts button:hover{border-color:rgba(255,210,60,.5);color:#ffd23c;transform:translateY(-1px)}
  .quick-amounts button.active{border-color:#ffd23c;background:rgba(255,210,60,.12);color:#ffd23c}

  .login-hint{display:flex;align-items:flex-start;gap:10px;margin-top:11px;padding:13px 15px;background:rgba(83,245,255,.06);border:1px solid rgba(83,245,255,.22);border-radius:13px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.7)}
  .login-hint .hint-icon{flex:none;width:22px;height:22px;border-radius:50%;background:rgba(83,245,255,.18);color:#53f5ff;display:grid;place-items:center;font-size:13px;font-weight:700;margin-top:1px}

  #login.invalid{border-color:rgba(255,90,90,.7)!important;box-shadow:0 0 0 4px rgba(255,90,90,.1)!important}
  #login.valid{border-color:rgba(67,255,183,.7)!important;box-shadow:0 0 0 4px rgba(67,255,183,.1)!important}
  .login-error{display:none;margin-top:9px;font-size:13px;font-weight:600;color:#ff6b6b;line-height:1.4}
  .login-error.show{display:block}

  .denoms{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:4px}
  @media(max-width:520px){.denoms{grid-template-columns:repeat(3,1fr)}}
  .denoms button{font-family:'Manrope',sans-serif;font-size:16px;font-weight:700;color:rgba(255,255,255,.8);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:13px 6px;cursor:pointer;transition:all .15s}
  .denoms button:hover{border-color:rgba(255,210,60,.5);color:#ffd23c;transform:translateY(-2px)}
  .denoms button.active{border-color:#ffd23c;background:rgba(255,210,60,.12);color:#ffd23c;box-shadow:0 0 0 1px rgba(255,210,60,.3),0 0 14px rgba(255,210,60,.18)}

  .usd-pay{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:16px 20px;background:rgba(255,210,60,.06);border:1px solid rgba(255,210,60,.25);border-radius:14px}
  .usd-pay .lbl{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.55)}
  .usd-pay .sum{font-family:'Manrope',sans-serif;font-size:24px;font-weight:700;color:#fff}
  .usd-pay .sum .rub{color:#ffd23c;font-size:28px;font-weight:700;margin-left:4px}
  .usd-pay .sum small{font-size:13px;font-weight:600;color:rgba(255,255,255,.5);margin-left:6px}

  .pay-row{display:flex;justify-content:space-between;font-size:16px;padding:9px 2px;color:rgba(255,255,255,.5)}
  .pay-row strong{color:rgba(255,255,255,.85);font-weight:700}
  .divider{height:1px;background:rgba(255,255,255,.08);margin:22px 0}

  .pay-select{display:grid;grid-template-columns:repeat(auto-fit,minmax(102px,1fr));gap:11px;margin-top:6px}
  .pay-opt{font-size:15px;font-weight:700;text-align:center;padding:16px 9px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);cursor:pointer;transition:all .2s;color:rgba(255,255,255,.6)}
  .pay-opt:hover{border-color:rgba(255,210,60,.4)}
  .pay-opt.active{border-color:#ffd23c;background:rgba(255,210,60,.1);color:#ffd23c}


  .pay-btn{width:100%;font-family:'Manrope',sans-serif;font-size:19px;font-weight:900;letter-spacing:1px;background:linear-gradient(135deg,#ffd23c,#ff8c00);color:#0a0812;border:none;border-radius:17px;padding:23px;cursor:pointer;text-transform:uppercase;transition:all .2s;box-shadow:0 5px 24px rgba(255,140,0,.4)}
  .pay-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 32px rgba(255,140,0,.55)}
  .pay-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}

  .bonus-link{display:block;text-align:center;margin-top:20px;font-size:15px;color:rgba(255,255,255,.5)}
  .bonus-link a{color:#ffd23c;font-weight:700;text-decoration:none}
  .bonus-link a:hover{text-decoration:underline}

  /* how it works */
  .section{padding:46px 0}
  .section-title{font-family:'Manrope',sans-serif;font-size:clamp(22px,4vw,34px);font-weight:900;text-align:center;margin-bottom:8px}
  .section-sub{text-align:center;font-size:14px;color:rgba(255,255,255,.62);margin-bottom:30px}
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  @media(max-width:760px){.steps{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:440px){.steps{grid-template-columns:1fr}}
  .step{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px 18px;text-align:center;transition:all .2s}
  .step:hover{border-color:rgba(255,210,60,.3);transform:translateY(-3px)}
  .step-num{font-family:'Manrope',sans-serif;font-size:30px;font-weight:900;color:#ffd23c;text-shadow:0 0 16px rgba(255,210,60,.5);margin-bottom:10px}
  .step-icon{font-size:26px;margin-bottom:8px}
  .step p{font-size:14px;color:rgba(255,255,255,.7);line-height:1.5}

  /* faq */
  .faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
  .faq-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;transition:border-color .2s}
  .faq-item.open{border-color:rgba(255,210,60,.35)}
  .faq-q{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;cursor:pointer;font-size:15px;font-weight:700;color:#fff}
  .faq-q .chev{color:#ffd23c;font-size:18px;transition:transform .25s;flex:none}
  .faq-item.open .chev{transform:rotate(45deg)}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 20px}
  .faq-item.open .faq-a{max-height:400px;padding-bottom:18px}
  .faq-a p{font-size:14px;color:rgba(255,255,255,.6);line-height:1.6}

  /* footer */
  footer{position:relative;z-index:5;border-top:1px solid rgba(255,210,60,.12);margin-top:30px;padding:30px 20px;background:rgba(10,8,16,.6)}
  .foot-grid{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .foot-links{display:flex;flex-direction:column;gap:8px}
  .foot-links a{font-size:13px;color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s}
  .foot-links a:hover{color:#ffd23c}
  .foot-soc{display:flex;gap:8px}
  .soc-btn{width:40px;height:40px;border-radius:10px;border:none;cursor:pointer;font:700 12px 'Manrope';color:#fff;transition:filter .15s}
  .soc-btn:hover{filter:brightness(1.2)}
  .soc-vk{background:#4c75a3}.soc-tg{background:#0088cc}
  .copyright{max-width:1180px;margin:22px auto 0;font-size:11px;color:rgba(255,255,255,.6);text-align:center;line-height:1.6}

  .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);background:#ffd23c;color:#0a0812;font:700 13px 'Manrope';padding:12px 22px;border-radius:10px;z-index:100;transition:transform .3s;box-shadow:0 6px 24px rgba(0,0,0,.4)}
  .toast.show{transform:translateX(-50%) translateY(0)}

  /* activity ticker */
  .ticker{position:relative;z-index:6;overflow:hidden;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);padding:9px 0}
  .ticker-track{display:flex;gap:40px;white-space:nowrap;width:max-content;animation:tick 38s linear infinite}
  .ticker:hover .ticker-track{animation-play-state:paused}
  @keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  .ticker-item{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.6)}
  .ticker-item .tdot{width:7px;height:7px;border-radius:50%;background:#43ffb7;box-shadow:0 0 8px #43ffb7;flex:none}
  .ticker-item b{color:#ffd23c;font-weight:700}

  /* wheel promo banner */
  .wheel-banner{position:relative;z-index:6;display:flex;align-items:center;gap:16px;max-width:1140px;margin:16px auto 0;padding:16px 22px;border-radius:18px;text-decoration:none;
    background:linear-gradient(120deg,rgba(255,140,0,.16),rgba(120,60,220,.16));
    border:1px solid rgba(255,210,60,.35);overflow:hidden;transition:transform .2s,box-shadow .2s}
  .wheel-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 12% 50%,rgba(255,210,60,.18),transparent 45%);pointer-events:none}
  .wheel-banner:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,140,0,.25)}
  .wb-spin{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:radial-gradient(circle at 35% 35%,#fff9e0,#ffd23c,#e6a800);box-shadow:0 0 18px rgba(255,210,60,.6);animation:wbpulse 2.4s ease-in-out infinite}
  @keyframes wbpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
  .wb-text{display:flex;flex-direction:column;gap:3px;min-width:0}
  .wb-text b{font-family:'Manrope',sans-serif;font-size:18px;font-weight:900;color:#fff}
  .wb-text span{font-size:13px;color:rgba(255,255,255,.6)}
  .wb-cta{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:8px;font-family:'Manrope',sans-serif;font-size:14px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#0a0812;background:linear-gradient(135deg,#ffd23c,#ff8c00);border-radius:12px;padding:12px 22px;box-shadow:0 4px 16px rgba(255,140,0,.4)}
  .wb-arrow{transition:transform .2s}
  .wheel-banner:hover .wb-arrow{transform:translateX(4px)}
  @media(max-width:620px){
    .wheel-banner{flex-wrap:wrap;gap:12px}
    .wb-text span{font-size:12px}
    .wb-cta{margin-left:0;width:100%;justify-content:center}
  }

  /* rate + delivery row */
  .meta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0 auto 18px;max-width:780px}
  .meta-chip{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:rgba(255,255,255,.6);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:9px 15px}
  .meta-chip b{color:#fff;font-weight:700}
  .meta-chip .mdot{width:7px;height:7px;border-radius:50%;background:#43ffb7;box-shadow:0 0 8px #43ffb7;animation:blink 1.8s infinite}
  .meta-chip .rate-upd{font-size:11px;color:rgba(255,255,255,.58)}

  /* steps indicator */
  .steps-ind{display:flex;align-items:center;justify-content:center;gap:6px;max-width:520px;margin:0 auto 22px;flex-wrap:wrap}
  .sind{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:rgba(255,255,255,.6);transition:color .3s}
  .sind .snum{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;border:1px solid rgba(255,255,255,.18);transition:all .3s}
  .sind.active{color:#ffd23c}
  .sind.active .snum{background:linear-gradient(135deg,#ffd23c,#ff8c00);color:#0a0812;border-color:#ffd23c}
  .sind.done .snum{background:rgba(67,255,183,.15);color:#43ffb7;border-color:rgba(67,255,183,.5)}
  .sind-line{width:30px;height:1px;background:rgba(255,255,255,.15)}

  /* min/max hint */
  .range-hint{font-size:12px;color:rgba(255,255,255,.6);margin-top:9px}
  .range-hint b{color:rgba(255,255,255,.6)}

  /* promo */
  .promo-apply{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:700 13px 'Manrope';background:rgba(255,210,60,.15);color:#ffd23c;border:1px solid rgba(255,210,60,.35);border-radius:10px;padding:9px 14px;cursor:pointer;transition:all .15s}
  .promo-apply:hover{background:rgba(255,210,60,.25)}
  .promo-msg{margin-top:8px;font-size:13px;font-weight:600;display:none}
  .promo-msg.ok{display:block;color:#43ffb7}
  .promo-msg.err{display:block;color:#ff6b6b}
  .usd-pay .sum .old{color:rgba(255,255,255,.55);font-size:16px;text-decoration:line-through;margin-right:8px;font-weight:600}

  /* tooltip */
  .tip{position:relative;border-bottom:1px dashed rgba(255,255,255,.3);cursor:help}
  .tip .tip-box{position:absolute;bottom:calc(100% + 8px);left:0;width:230px;background:#15101f;border:1px solid rgba(255,210,60,.3);border-radius:10px;padding:10px 12px;font-size:12px;font-weight:500;color:rgba(255,255,255,.75);line-height:1.45;opacity:0;visibility:hidden;transition:all .2s;z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.5)}
  .tip:hover .tip-box{opacity:1;visibility:visible}

  /* button spinner / success */
  .pay-btn .spin{display:inline-block;width:18px;height:18px;border:2px solid rgba(10,8,18,.3);border-top-color:#0a0812;border-radius:50%;animation:rot .7s linear infinite;vertical-align:middle}
  @keyframes rot{to{transform:rotate(360deg)}}

  /* confetti */
  #confetti{position:fixed;inset:0;z-index:200;pointer-events:none;display:none}
  #confetti.on{display:block}

  /* payment badges */
  .pay-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px}
  .pbadge{font-size:12px;font-weight:700;color:rgba(255,255,255,.55);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:8px 14px}

  /* reviews */
  .reviews{max-width:760px;margin:0 auto;position:relative;min-height:150px}
  .review{position:absolute;inset:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px 24px;opacity:0;transition:opacity .5s;pointer-events:none}
  .review.show{opacity:1;position:relative;pointer-events:auto}
  .review .stars-row{color:#ffd23c;font-size:16px;letter-spacing:2px;margin-bottom:8px}
  .review .rtext{font-size:15px;color:rgba(255,255,255,.8);line-height:1.6;margin-bottom:10px}
  .review .rname{font-size:13px;font-weight:700;color:#ffd23c}
  .review .rname span{color:rgba(255,255,255,.6);font-weight:500;margin-left:8px}
  .rev-dots{display:flex;gap:7px;justify-content:center;margin-top:18px}
  .rev-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:all .2s}
  .rev-dots span.active{background:#ffd23c;width:22px;border-radius:99px}

  .reviews-wrap{display:flex;align-items:center;gap:12px;max-width:880px;margin:0 auto}
  .reviews-wrap .reviews{flex:1;margin:0}
  .rev-arrow{flex:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,210,60,.3);background:rgba(255,255,255,.04);color:#ffd23c;font-size:26px;line-height:1;cursor:pointer;transition:all .2s;display:grid;place-items:center}
  .rev-arrow:hover{background:rgba(255,210,60,.12);border-color:#ffd23c;transform:scale(1.06)}
  @media(max-width:560px){.rev-arrow{width:40px;height:40px;font-size:22px}}

  /* wheel section */
  .wheel-sec{display:flex;flex-direction:column;align-items:center}
  .wheel-wrap{position:relative;width:300px;height:300px;margin-top:6px}
  .wheel-glow{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,60,.13) 0%,transparent 70%);animation:pg 2.5s ease-in-out infinite}
  @keyframes pg{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
  #wheelCanvas{border-radius:50%;display:block;box-shadow:0 0 0 3px rgba(255,210,60,.4),0 0 34px rgba(255,210,60,.18)}
  .w-ptr{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:24px solid #ffd23c;filter:drop-shadow(0 0 6px rgba(255,210,60,.8));z-index:10}
  .w-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff9e0,#ffd23c,#e6a800);border:3px solid rgba(255,255,255,.5);box-shadow:0 0 14px rgba(255,210,60,.8);z-index:11;cursor:pointer;display:grid;place-items:center;font-size:18px;transition:transform .15s}
  .w-hub:hover{transform:translate(-50%,-50%) scale(1.06)}
  .wheel-btn{font-family:'Manrope',sans-serif;font-size:15px;font-weight:900;letter-spacing:2px;background:linear-gradient(135deg,#ffd23c,#ff8c00);color:#0a0812;border:none;border-radius:12px;padding:14px 44px;cursor:pointer;margin-top:18px;text-transform:uppercase;transition:all .2s;box-shadow:0 4px 20px rgba(255,140,0,.4)}
  .wheel-btn:hover:not(:disabled){transform:translateY(-2px)}
  .wheel-btn:disabled{opacity:.4;cursor:not-allowed}
  .wheel-timer{font-size:13px;color:rgba(255,255,255,.62);margin-top:10px}

  /* streak */
  .streak{max-width:520px;margin:26px auto 0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px 22px}
  .streak-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px}
  .streak-top b{color:#ffd23c;font-family:'Manrope',sans-serif}
  .streak-bar{display:flex;gap:6px}
  .streak-day{flex:1;height:34px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;font-size:12px;font-weight:700;color:rgba(255,255,255,.6)}
  .streak-day.done{background:rgba(255,210,60,.15);border-color:rgba(255,210,60,.5);color:#ffd23c}
  .streak-day.today{background:linear-gradient(135deg,#ffd23c,#ff8c00);color:#0a0812;border-color:#ffd23c}

  /* sticky mobile pay bar */
  .sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:none;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:rgba(10,8,16,.96);border-top:1px solid rgba(255,210,60,.25);backdrop-filter:blur(10px)}
  .sticky-bar .sb-sum{font-family:'Manrope',sans-serif;font-size:18px;font-weight:700;color:#fff}
  .sticky-bar .sb-sum .rub{color:#ffd23c}
  .sticky-bar button{font-family:'Manrope',sans-serif;font-size:14px;font-weight:900;letter-spacing:1px;background:linear-gradient(135deg,#ffd23c,#ff8c00);color:#0a0812;border:none;border-radius:11px;padding:13px 24px;cursor:pointer;text-transform:uppercase}
  @media(max-width:760px){.sticky-bar.show{display:flex}body{padding-bottom:70px}}

  @media(prefers-reduced-motion:reduce){
    #particles{display:none}
    .ticker-track{animation:none}
    *{animation-duration:.001s!important;transition-duration:.05s!important}
  }

  /* focus-visible accessibility rings */
  a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{
    outline:3px solid #53f5ff;outline-offset:3px;border-radius:8px}
  .pay-btn:focus-visible,.wheel-btn:focus-visible{outline-offset:4px}

  /* skip-link */
  .skip-link{position:absolute;left:-9999px;top:8px;z-index:1000;background:#ffd23c;color:#0a0812;font:700 14px 'Manrope';padding:10px 18px;border-radius:10px;text-decoration:none}
  .skip-link:focus{left:50%;transform:translateX(-50%)}

  /* order status overlay */
  .order-overlay{position:fixed;inset:0;z-index:150;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(6,5,12,.82);backdrop-filter:blur(6px)}
  .order-overlay.show{display:flex}
  .order-modal{width:min(440px,100%);background:#13101e;border:1px solid rgba(255,210,60,.25);border-radius:22px;padding:32px 30px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.6)}
  .order-modal h3{font-family:'Manrope',sans-serif;font-size:20px;font-weight:900;margin-bottom:6px}
  .order-modal .om-sum{font-size:14px;color:rgba(255,255,255,.5);margin-bottom:24px}
  .order-modal .om-sum b{color:#ffd23c}
  .om-progress{height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:24px}
  .om-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd23c,#ff8c00);border-radius:99px;transition:width .6s ease}
  .om-steps{display:flex;flex-direction:column;gap:14px;text-align:left}
  .om-step{display:flex;align-items:center;gap:14px;opacity:.4;transition:opacity .3s}
  .om-step.active,.om-step.done{opacity:1}
  .om-ic{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);transition:all .3s}
  .om-step.active .om-ic{background:rgba(255,210,60,.15);border-color:#ffd23c;color:#ffd23c}
  .om-step.done .om-ic{background:rgba(67,255,183,.15);border-color:#43ffb7;color:#43ffb7}
  .om-step .om-spin{width:16px;height:16px;border:2px solid rgba(255,210,60,.3);border-top-color:#ffd23c;border-radius:50%;animation:rot .7s linear infinite}
  .om-tx b{display:block;font-size:15px;font-weight:700}
  .om-tx small{font-size:12px;color:rgba(255,255,255,.62)}
  .om-close{margin-top:24px;width:100%;font-family:'Manrope',sans-serif;font-size:14px;font-weight:900;letter-spacing:1px;background:rgba(67,255,183,.15);color:#43ffb7;border:1px solid rgba(67,255,183,.4);border-radius:13px;padding:14px;cursor:pointer;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .3s}
  .om-close.show{opacity:1;pointer-events:auto}

  /* aggregate rating */
  .rating-widget{display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,210,60,.25);border-radius:14px;padding:12px 20px;margin:0 auto 24px}
  .rating-widget .big{font-family:'Manrope',sans-serif;font-size:30px;font-weight:900;color:#ffd23c;line-height:1}
  .rating-widget .rstars{color:#ffd23c;font-size:15px;letter-spacing:1px}
  .rating-widget .rsub{font-size:12px;color:rgba(255,255,255,.5);margin-top:2px}

  /* popular badge */
  .pop-badge{position:absolute;top:-9px;right:-6px;font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#ff4aa2,#ff8c00);color:#fff;padding:3px 8px;border-radius:7px;box-shadow:0 3px 10px rgba(255,74,162,.4);white-space:nowrap}
  .denoms button,.quick-amounts button{position:relative}

  /* referral */
  .referral{max-width:680px;margin:0 auto;background:linear-gradient(135deg,rgba(255,74,162,.08),rgba(255,140,0,.06));border:1px solid rgba(255,140,0,.25);border-radius:20px;padding:28px;text-align:center}
  .referral h3{font-family:'Manrope',sans-serif;font-size:22px;font-weight:900;margin-bottom:8px}
  .referral p{font-size:14px;color:rgba(255,255,255,.6);margin-bottom:20px;line-height:1.5}
  .ref-row{display:flex;gap:10px;max-width:480px;margin:0 auto;flex-wrap:wrap}
  .ref-row input{flex:1;min-width:200px;background:#0a0812;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:14px 16px;color:#fff;font-size:14px;font-family:'Manrope',sans-serif;outline:none}
  .ref-row button{font-family:'Manrope',sans-serif;font-size:14px;font-weight:700;background:linear-gradient(135deg,#ffd23c,#ff8c00);color:#0a0812;border:none;border-radius:12px;padding:14px 24px;cursor:pointer;transition:all .2s}
  .ref-row button:hover{transform:translateY(-2px)}

  /* cashback progress */
  .cashback{max-width:680px;margin:18px auto 0;background:rgba(255,255,255,.04);border:1px solid rgba(67,255,183,.25);border-radius:16px;padding:18px 22px}
  .cb-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:12px;flex-wrap:wrap;gap:6px}
  .cb-top .cb-left{color:rgba(255,255,255,.7)}
  .cb-top .cb-left b{color:#43ffb7}
  .cb-top .cb-right{font-family:'Manrope',sans-serif;font-weight:700;color:#ffd23c}
  .cb-bar{height:10px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
  .cb-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#43ffb7,#53f5ff);border-radius:99px;transition:width .6s ease}
  .cb-note{font-size:12px;color:rgba(255,255,255,.6);margin-top:9px}