:root{color-scheme:dark;--bg:#090b17;--panel:#11152a;--panel2:#171c35;--text:#f7f7fb;--muted:#9298b2;--yellow:#eaff00;--purple:#8b2dff;--green:#32d39a;--danger:#ff5571;--radius:22px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% -10%,#2c145b 0,transparent 34%),var(--bg);color:var(--text)}button,input,textarea{font:inherit}.topbar{position:sticky;z-index:5;top:0;display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 18px 12px;background:rgba(9,11,23,.83);backdrop-filter:blur(18px)}.brand{display:flex;gap:11px;align-items:center}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,var(--yellow),#ffbe00);color:#171800;font-weight:950;font-size:22px;box-shadow:0 7px 25px #eaff0038}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:12px;margin-top:2px}.icon-button{width:42px;height:42px;border:1px solid #2c3251;border-radius:14px;background:#151a30;color:white;font-size:23px}main{width:min(100%,760px);margin:auto;padding:10px 14px 36px}.hero{display:flex;gap:12px;overflow:auto;scroll-snap-type:x mandatory;padding:4px 0 8px;scrollbar-width:none}.hero::-webkit-scrollbar{display:none}.hero-card{position:relative;flex:0 0 100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);scroll-snap-align:center;background:#191c31;border:1px solid #2b2e4d;box-shadow:0 20px 42px #0008}.hero-card img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:auto 0 0;padding:46px 18px 16px;background:linear-gradient(transparent,rgba(5,6,14,.93));display:flex;justify-content:space-between;align-items:end}.hero-overlay strong{font-size:19px}.hero-overlay span{display:block;color:#c7c9d8;font-size:13px;margin-top:4px}.pill{padding:8px 11px;border-radius:999px;background:var(--yellow);color:#151700;font-size:11px;font-weight:900}.section-title{display:flex;align-items:end;justify-content:space-between;margin:25px 3px 12px}.kicker{color:var(--yellow);font-weight:900;font-size:10px;letter-spacing:.18em}.section-title h1{font-size:25px;margin:4px 0 0}.count{color:var(--muted);font-size:12px}.offers{display:grid;gap:14px}.offer{display:grid;grid-template-columns:88px 1fr;gap:14px;padding:12px;border-radius:20px;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid #292e4b;box-shadow:0 12px 30px #0004}.offer-thumb{width:88px;height:104px;object-fit:cover;border-radius:15px;background:#272a3d}.offer-main{min-width:0}.offer-head{display:flex;justify-content:space-between;gap:8px}.offer h2{font-size:18px;margin:1px 0 2px}.offer-badge{height:max-content;color:var(--yellow);font-size:9px;font-weight:900;letter-spacing:.08em}.offer p{margin:4px 0 10px;color:var(--muted);font-size:13px}.code-row{display:flex;align-items:center;gap:8px}.code{min-width:0;flex:1;padding:9px 10px;border-radius:10px;background:#0a0d1c;border:1px dashed #4b5277;color:#fff;font:700 12px ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions{display:flex;gap:8px;margin-top:9px}.btn{border:0;border-radius:11px;padding:10px 12px;font-weight:850;font-size:12px;cursor:pointer}.btn-primary{flex:1;background:var(--yellow);color:#101200}.btn-secondary{background:#242a47;color:#fff}.empty{padding:40px 20px;text-align:center;color:var(--muted);background:var(--panel);border-radius:20px}.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));z-index:10;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#eef; color:#101223;padding:11px 16px;border-radius:99px;font-weight:800;font-size:13px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}footer{display:flex;justify-content:space-between;gap:16px;padding:16px 18px calc(22px + env(safe-area-inset-bottom));color:#696f89;font-size:10px;border-top:1px solid #1d2138}footer a{color:#777e9b}.skeleton{background:linear-gradient(90deg,#15192c,#252a43,#15192c);background-size:220% 100%;animation:shine 1.3s infinite}.hero-skeleton{width:100%;aspect-ratio:16/9;border-radius:var(--radius)}.card-skeleton{height:130px;border-radius:20px}@keyframes shine{to{background-position:-220% 0}}@media(min-width:620px){.offers{grid-template-columns:1fr 1fr}.hero-card{flex-basis:82%}}