:root{--bg:#111426;--panel:#17192c;--panel2:#201d31;--text:#f6f5fa;--muted:#9d99ac;--line:#493a62;--purple:#8b3ff0;--purple2:#a34df6;--glow:rgba(139,63,240,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#111426}body{margin:0;background:#111426;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit}.outer{min-height:100vh;background:#111426;padding:0 12px}.app{width:min(520px,100%);min-height:100vh;margin:0 auto;background:linear-gradient(180deg,#17192c 0%,#111426 100%);box-shadow:0 0 0 1px rgba(255,255,255,.02),0 0 100px rgba(0,0,0,.22);transition:filter .25s ease,transform .25s ease}
body.modal-open .app{filter:blur(7px);transform:scale(.995)}.topbar{position:sticky;top:0;z-index:30;background:rgba(20,21,38,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.topin{height:62px;display:flex;align-items:center;gap:10px;padding:0 14px}.logo{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--purple2),#5c22bf);display:grid;place-items:center;font-weight:900;box-shadow:0 10px 26px var(--glow)}
.brand{min-width:0;flex:1}.brand b{font-size:14px;display:block;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.topbtn{border:1px solid #5b4279;background:linear-gradient(135deg,#8c3ff0,#6b2bd1);color:#fff;border-radius:10px;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer}
.tabs{display:flex;gap:6px;padding:9px 10px 10px;overflow:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs a{white-space:nowrap;font-size:9px;color:#b6b0c5;background:#211f33;border:1px solid #3c354d;border-radius:999px;padding:7px 10px}.tabs a.active{background:#33224d;border-color:#7047a0;color:#fff}
.hero{padding:18px 14px 12px}.hero h1{font-size:24px;line-height:1.08;letter-spacing:-.04em;margin:0 0 8px}.hero p{margin:0;color:#aaa5b5;font-size:11px;line-height:1.55}.statusline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:9px 10px;border:1px solid #3f3650;border-radius:11px;background:#1c1b2e}.statusline span{font-size:9px;color:#a9a3b6}.statusline b{font-size:9px;color:#d8c9ef}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9e51f8;box-shadow:0 0 0 4px rgba(158,81,248,.09),0 0 12px rgba(158,81,248,.8);margin-right:6px}
.sectiontitle{display:flex;align-items:end;justify-content:space-between;padding:11px 14px 8px}.sectiontitle h2{font-size:15px;margin:0}.sectiontitle small{font-size:8px;color:#8f899c}.cards{padding:0 10px 18px;display:grid;gap:8px}.offer{display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:10px;background:linear-gradient(135deg,#221f33,#1b1a2c);border:1px solid #4b3a63;border-radius:12px;padding:8px;box-shadow:0 8px 18px rgba(0,0,0,.12);transition:.18s}.offer:hover{transform:translateY(-1px);border-color:#8151b4}.thumb{width:82px;height:52px;border-radius:8px;object-fit:cover;background:#0c0d18}.offer-info{min-width:0}.offer-info b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.offer-info span{font-size:8px;color:#9892a5;display:block;margin-top:4px}.cta{border:0;border-radius:8px;background:linear-gradient(135deg,#9b42f5,#7540e6);box-shadow:0 5px 14px rgba(139,63,240,.24);color:#fff;font-size:8px;font-weight:900;padding:9px 10px;white-space:nowrap}
.morewrap{padding:0 14px 22px;text-align:center}.morebtn{border:1px solid #5a4077;background:#241d35;color:#d9c7ef;border-radius:10px;padding:10px 15px;font-size:9px;font-weight:800;cursor:pointer}.cards .offer:nth-child(n+37){display:none}.cards.expanded .offer{display:grid}
.info{padding:5px 14px 22px}.info-card{background:#18192b;border:1px solid #383448;border-radius:13px;padding:14px;margin-top:9px}.info h2{font-size:15px;margin:0 0 8px}.info h3{font-size:12px;margin:15px 0 6px}.info p,.info li{font-size:9.5px;line-height:1.62;color:#a6a0b1}.info ul{padding-left:17px}.faq details{border-top:1px solid #373247}.faq summary{cursor:pointer;font-size:10px;font-weight:800;padding:11px 0}.faq p{margin:0 0 10px}.notice{display:flex;align-items:center;gap:9px;margin-top:10px;padding:10px;border:1px solid #513b6c;background:#211c32;border-radius:11px}.notice img{width:68px;height:40px;border-radius:7px;object-fit:cover}.notice span{font-size:9px;color:#b7aec1}.notice b{display:block;color:#fff;font-size:10px;margin-bottom:2px}.footer{padding:18px 14px 28px;border-top:1px solid #2c293a;color:#797487;font-size:8px;line-height:1.55}.footerlinks{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.footerlinks a{color:#b4a8c3}
.modal{position:fixed;inset:0;z-index:1000;display:none;place-items:center;padding:18px;background:rgba(13,14,26,.58);backdrop-filter:blur(2px)}.modal.open{display:grid}.modalbox{width:min(318px,calc(100vw - 34px));max-height:min(680px,88vh);overflow:auto;background:linear-gradient(180deg,#252032,#1c1a27);border:1px solid #6b417f;border-top:3px solid #913ce5;border-radius:18px;padding:16px;box-shadow:0 24px 80px rgba(0,0,0,.52)}.modalhead{position:relative;text-align:center;padding:18px 26px 11px}.stars{font-size:10px;letter-spacing:2px;color:#c888ff}.modalhead h2{font-size:18px;margin:4px 0 0}.close{position:absolute;right:-4px;top:-7px;width:31px;height:31px;border:0;border-radius:50%;background:#8640ea;color:white;font-size:18px;line-height:31px;cursor:pointer;box-shadow:0 8px 18px rgba(97,46,171,.35)}.featured{display:grid;gap:7px}.featured a{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:8px;padding:7px;background:#2b2635;border:1px solid #5c4371;border-radius:10px}.featured img{width:72px;height:37px;border-radius:6px;object-fit:cover}.featured b{font-size:9px}.featured span{display:block;font-size:7px;color:#a9a0ae;margin-top:2px}.featured em{font-style:normal;background:linear-gradient(135deg,#9744f4,#7040de);border-radius:7px;padding:8px;font-size:7px;font-weight:900;white-space:nowrap}
.loader{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:#111426;transition:opacity .25s ease,visibility .25s ease}.loader.hide{opacity:0;visibility:hidden}.loaderbox{text-align:center}.loaderlogo{width:54px;height:54px;margin:auto;border-radius:16px;background:linear-gradient(135deg,#9b42f5,#622bc7);display:grid;place-items:center;font-weight:950;font-size:20px;box-shadow:0 16px 40px rgba(139,63,240,.35);animation:pulse 1s ease-in-out infinite}.loadbar{width:160px;height:3px;background:#2f2940;border-radius:99px;margin:17px auto 8px;overflow:hidden}.loadbar i{display:block;width:42%;height:100%;background:#9b42f5;border-radius:99px;animation:slide 1s ease-in-out infinite}.loader small{color:#8f899d;font-size:9px}@keyframes slide{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}@keyframes pulse{50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:430px){.outer{padding:0}.app{width:100%}.offer{grid-template-columns:76px 1fr auto}.thumb{width:76px;height:48px}.cta{padding:8px}.hero h1{font-size:22px}}