*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Inter',system-ui,sans-serif;background:#0b1730;color:#e8ecf5;line-height:1.5;overflow-x:hidden;padding-bottom:80px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;font-weight:700;font-size:13px;letter-spacing:.3px;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s;text-transform:uppercase}
.btn-primary{background:linear-gradient(135deg,#ff4d8d,#ff7a4d);color:#fff;box-shadow:0 6px 18px rgba(255,77,141,.35)}
.btn-primary:hover{transform:translateY(-1px)}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.18)}
.btn-lg{padding:14px 28px;font-size:14px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,23,48,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;max-width:1280px;margin:0 auto;gap:12px}
.logo svg{height:28px;width:auto}
.header-actions{display:flex;align-items:center;gap:8px}
.burger{background:transparent;border:0;width:36px;height:36px;display:flex;flex-direction:column;justify-content:center;gap:4px;cursor:pointer;padding:0 8px}
.burger span{display:block;height:2px;background:#fff;border-radius:2px}
.categories{display:flex;gap:6px;overflow-x:auto;padding:10px 16px;max-width:1280px;margin:0 auto;scrollbar-width:none}
.categories::-webkit-scrollbar{display:none}
.cat-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px;font-size:11px;color:#9aa6c2;padding:6px 10px;border-radius:14px;flex-shrink:0;transition:all .2s}
.cat-item.active{color:#fff}
.cat-ic{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#1e2d52,#293a66);display:flex;align-items:center;justify-content:center;color:#7ba9ff}
.cat-item.active .cat-ic{background:linear-gradient(135deg,#4d8fff,#3a6fe0);color:#fff;box-shadow:0 4px 14px rgba(77,143,255,.45)}
.hero{position:relative;margin:12px 16px;border-radius:20px;overflow:hidden;min-height:240px;background:linear-gradient(135deg,#3a8dff 0%,#2d6fd4 100%)}
.hero-bg{position:absolute;inset:0;background:url('banner.webp') center/cover no-repeat;opacity:.9}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(58,141,255,.7),rgba(45,111,212,.3))}
.hero-content{position:relative;display:flex;justify-content:space-between;align-items:center;padding:24px;gap:16px;z-index:2;min-height:240px}
.hero-kicker{font-size:14px;font-weight:700;color:#fff;letter-spacing:1px}
.hero-title{font-size:26px;font-weight:900;line-height:1.1;color:#fff;margin:8px 0 12px;text-shadow:0 2px 8px rgba(0,0,0,.25)}
.hero-sub{font-size:13px;color:rgba(255,255,255,.92);margin-bottom:14px;max-width:340px}
.hero-badge{position:absolute;top:16px;right:20px;text-align:center;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.4)}
.hb-amount{font-size:42px;font-weight:900;line-height:1;background:linear-gradient(180deg,#ffd84d,#ff9d2c);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.3)}
.hb-extra{font-size:18px;font-weight:800;color:#ffd84d}
.hero-search{position:absolute;left:16px;right:16px;bottom:16px;display:flex;gap:8px;z-index:3}
.hs-select{flex:1;display:flex;align-items:center;gap:10px;background:#fff;color:#111;padding:12px 16px;border-radius:14px;font-weight:600;font-size:14px}
.hs-select svg{width:18px;height:18px}
.hs-select .chev{margin-left:auto}
.hs-search{width:48px;height:48px;border-radius:14px;background:#fff;color:#111;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.hs-search svg{width:20px;height:20px}
.slots-section{padding:20px 16px;max-width:1280px;margin:0 auto}
.sec-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.sec-title{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.sec-more{font-size:13px;color:#9aa6c2;display:inline-flex;gap:6px;align-items:center}
.badge-count{color:#7ba9ff;font-weight:700}
.slots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.slot-card{background:#13234a;border-radius:14px;overflow:hidden;transition:transform .2s}
.slot-card:hover{transform:translateY(-3px)}
.slot-card img{aspect-ratio:1/1;object-fit:cover;width:100%;background:linear-gradient(135deg,#1e3a72,#2d4d8c)}
.slot-name{padding:8px 10px;font-size:12px;color:#cfd6e8;font-weight:600;text-align:center}
.seo-content{padding:24px 16px;max-width:920px;margin:0 auto;background:#0e1b3a;border-radius:20px;margin-top:20px}
.breadcrumbs{font-size:12px;color:#7a86a8;margin-bottom:16px}
.breadcrumbs a{color:#7ba9ff}
.seo-content h1{font-size:24px;font-weight:900;line-height:1.25;margin-bottom:14px;color:#fff}
.seo-content h2{font-size:19px;font-weight:800;margin:24px 0 10px;color:#fff;line-height:1.3}
.seo-content h3{font-size:16px;font-weight:700;margin:18px 0 8px;color:#fff}
.seo-content p{margin-bottom:12px;color:#c8d0e3;font-size:14.5px}
.seo-content ul{margin:0 0 14px 20px;color:#c8d0e3}
.seo-content li{margin-bottom:6px;font-size:14.5px}
.seo-content strong{color:#fff}
.seo-content em{color:#9fb6e0}
.seo-hero-block{background:linear-gradient(135deg,#1b2e5d,#16264e);padding:18px;border-radius:14px;margin:14px 0 20px;border:1px solid rgba(255,255,255,.06)}
.seo-hero-block h2{margin-top:0}
.seo-hero-block .btn{margin-top:10px}
.table-wrap{overflow-x:auto;margin:14px 0;border-radius:12px;-webkit-overflow-scrolling:touch}
.seo-content table{width:100%;border-collapse:collapse;font-size:13px;min-width:100%;background:#13234a;border-radius:12px;overflow:hidden}
.seo-content thead{background:linear-gradient(135deg,#1f3470,#1a2c5e)}
.seo-content th{padding:10px 12px;text-align:left;font-weight:700;color:#fff;font-size:12.5px;border-bottom:1px solid rgba(255,255,255,.1)}
.seo-content td{padding:10px 12px;color:#c8d0e3;border-bottom:1px solid rgba(255,255,255,.05);word-break:break-word}
.seo-content tr:last-child td{border-bottom:0}
.seo-content tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
.faq{margin-top:10px}
.faq details{background:#13234a;border-radius:12px;margin-bottom:8px;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.05)}
.faq summary{padding:14px 16px;cursor:pointer;font-weight:600;color:#fff;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:14px}
.faq summary::after{content:"+";font-size:20px;color:#7ba9ff}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 16px 14px;color:#c8d0e3;font-size:14px}
.payments-section{padding:20px 16px;max-width:1280px;margin:0 auto;text-align:center}
.pay-row{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;padding:14px;background:#fff;border-radius:12px;margin-bottom:10px}
.pay-row img{height:24px;width:auto;object-fit:contain}
.pay-row-2{background:transparent;padding:8px}
.pay-row-2 img{height:30px;filter:brightness(0) invert(1);opacity:.85}
.crypto-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:16px 0}
.crypto-card{display:flex;align-items:center;gap:10px;background:#13234a;padding:10px 14px;border-radius:12px;min-width:140px}
.crypto-card img{width:24px;height:24px;object-fit:contain}
.cc-name{font-size:12px;color:#9aa6c2;font-weight:700}
.cc-price{font-size:14px;font-weight:800;color:#fff}
.stores-row{display:flex;justify-content:center;gap:10px;margin-top:14px}
.store-btn img{height:42px;width:auto}
.site-footer{background:#0a1530;padding:24px 16px;color:#9aa6c2}
.footer-socials{display:flex;justify-content:center;gap:14px;margin-bottom:18px}
.footer-socials a{width:44px;height:44px;border-radius:50%;background:#13234a;display:flex;align-items:center;justify-content:center;color:#fff}
.footer-socials svg{width:20px;height:20px}
.footer-support{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:14px;background:#13234a;border-radius:12px;margin-bottom:18px;font-size:14px}
.footer-support svg{width:18px;height:18px;color:#7ba9ff}
.footer-support a{color:#fff;margin-right:auto;margin-left:8px}
.providers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;max-width:600px;margin-left:auto;margin-right:auto}
.providers-grid a{background:#13234a;border-radius:8px;padding:10px;display:flex;align-items:center;justify-content:center;min-height:48px}
.providers-grid img{max-height:24px;width:auto;filter:brightness(0) invert(1);opacity:.6}
.footer-meta{display:flex;align-items:center;gap:12px;padding:14px;background:#13234a;border-radius:12px;flex-wrap:wrap;justify-content:center;margin-bottom:18px}
.footer-meta p{font-size:12px;flex:1;min-width:200px}
.footer-meta img{height:28px;width:auto}
.footer-bottom{text-align:center;font-size:12px;color:#7a86a8;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}
.mobile-bar{position:fixed;bottom:0;left:0;right:0;background:#0a1530;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-around;padding:8px 4px;z-index:40}
.mb-item{display:flex;flex-direction:column;align-items:center;gap:2px;color:#9aa6c2;font-size:10px;flex:1;padding:4px}
.mb-item svg{width:22px;height:22px}
.mb-center{position:relative}
.mb-circle{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#ff4d8d,#ff7a4d);color:#fff;display:flex;align-items:center;justify-content:center;margin-top:-18px;box-shadow:0 4px 14px rgba(255,77,141,.45)}
.mb-circle svg{width:22px;height:22px}
@media(min-width:720px){.slots-grid{grid-template-columns:repeat(4,1fr)}.hero-title{font-size:34px}.hb-amount{font-size:56px}.hb-extra{font-size:22px}.providers-grid{grid-template-columns:repeat(6,1fr)}.seo-content h1{font-size:30px}}
@media(min-width:1024px){.slots-grid{grid-template-columns:repeat(6,1fr)}.burger{display:none}.mobile-bar{display:none}body{padding-bottom:0}.hero{min-height:320px}.hero-content{padding:40px}.hero-title{font-size:42px}.hb-amount{font-size:72px}.seo-content{padding:36px}.seo-content h1{font-size:34px}.seo-content h2{font-size:22px}}