:root{--bg: #111317;--surface: #1a1d22;--surface-2: #22262c;--border: #2a2f36;--text: #ffffff;--muted: #9aa3ad;--accent: #19edd6;--accent-2: #10baa8;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{min-width:320px;background:var(--bg)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.landing{min-height:100vh;padding:0 24px calc(16px + env(safe-area-inset-bottom,0px));background:radial-gradient(ellipse 60% 40% at 50% 0%,#19edd61a,transparent 70%),var(--bg)}main{width:100%;max-width:1040px;margin:0 auto}.top{display:flex;flex-direction:column;align-items:center;padding:32px 0 26px}.brands{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:22px}.logo{display:block;width:76px;height:76px;filter:drop-shadow(0 10px 28px #19edd640)}.maksone-logo{display:block;width:76px;height:76px;border-radius:50%;border:1px solid var(--border);box-shadow:0 0 36px #19edd61f}.brand-cross{color:#5c656f;font-size:28px;font-weight:300}.offer-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border);border-radius:30px;background:var(--surface);color:#c9d1d9;font-size:11px;font-weight:700;letter-spacing:1.6px}.offer-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.hero-card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;min-height:320px;padding:44px 48px;border:1px solid #19edd62e;border-radius:24px;background:radial-gradient(ellipse 55% 90% at 82% 50%,#19edd638,transparent 70%),linear-gradient(120deg,#13262a,#152b2e 35%,#0f3a37);box-shadow:0 30px 80px -40px #19edd660,inset 0 1px #ffffff12}.hero-watermark{position:absolute;z-index:-1;right:-90px;bottom:-120px;width:420px;opacity:.06;filter:grayscale(1) brightness(3)}.hero-text{text-align:left}h1 .line{white-space:nowrap}h1{display:flex;flex-direction:column;gap:4px;font-size:clamp(34px,4.6vw,54px);line-height:1.05;letter-spacing:-1.5px;font-weight:900;text-transform:uppercase}h1 .accent{background:linear-gradient(120deg,#b9fff6,var(--accent) 45%,var(--accent-2));background-clip:text;-webkit-background-clip:text;color:var(--accent);-webkit-text-fill-color:transparent}h1 .plus{color:#5fe0d2;font-weight:400;font-size:.7em}.offer-caption{display:inline-flex;margin-top:20px;padding:10px 16px;border-radius:12px;background:#0b1a1ccc;border:1px solid #19edd633;color:#c8fff8;font-size:15px;font-weight:700}.hero-art{position:relative;display:grid;place-items:center;height:240px}.hero-logo{position:relative;width:150px;height:150px;filter:drop-shadow(0 18px 40px #19edd680);animation:float 5s ease-in-out infinite}.ring{position:absolute;border-radius:50%;border:1px solid #19edd640}.ring-1{width:220px;height:220px;box-shadow:inset 0 0 40px #19edd61a}.ring-2{width:300px;height:300px;border-color:#19edd61f;border-style:dashed;animation:spin 40s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}.bonuses{padding-top:16px}.bonus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bonus-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;padding:20px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(160deg,#19edd60f,transparent 60%),var(--surface);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.bonus-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--accent-2),var(--accent),transparent);opacity:.8}.bonus-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);color:var(--accent);transition:transform .3s ease}.bonus-icon svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bonus-copy{margin-top:auto}.bonus-copy h3{color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.3px}.bonus-value{margin-top:6px;font-size:34px;font-weight:900;line-height:1.1;letter-spacing:-.5px;background:linear-gradient(120deg,#fff,var(--accent) 70%);background-clip:text;-webkit-background-clip:text;color:var(--accent);-webkit-text-fill-color:transparent}.bonus-value small{margin-right:6px;font-size:.55em;font-weight:800;letter-spacing:0}.bonus-copy p{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.4}@media(hover:hover){.bonus-card:hover{transform:translateY(-3px);border-color:#19edd666;box-shadow:0 18px 50px -20px #19edd655}.bonus-card:hover .bonus-icon{transform:scale(1.08) rotate(-4deg)}}.play-button{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:480px;min-height:78px;display:flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:18px;background:linear-gradient(110deg,var(--accent-2),#0d9c8e);box-shadow:inset 0 1px #ffffff40,0 16px 40px -14px #19edd6aa;color:#fff;text-shadow:0 1px 2px #04332e80;font-size:26px;font-weight:900;letter-spacing:1.5px;transition:transform .2s ease,filter .2s ease}.play-button>span{position:relative;z-index:1}@media(hover:hover){.play-button:hover{transform:translateY(-2px);filter:brightness(1.1)}}.play-button:active{transform:scale(.98)}.play-button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.play-button:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#ffffff55 50%,transparent 65%);transform:translate(-130%);animation:button-shine 5.5s ease-in-out infinite;pointer-events:none}@keyframes button-shine{0%,65%{transform:translate(-130%)}to{transform:translate(130%)}}.play-dock{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:20;display:flex;justify-content:center;margin-top:32px;isolation:isolate}.play-dock:before{content:"";position:absolute;z-index:-1;top:-8px;bottom:-8px;left:50%;width:min(calc(100% + 16px),496px);transform:translate(-50%);border-radius:25px;background:#11131733;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}@media(max-width:767px){.maksone-logo,.brand-cross{display:none}.landing{padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))}.play-dock{position:fixed;left:max(18px,env(safe-area-inset-left,0px));right:max(18px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));margin-top:0}.hero-card{grid-template-columns:1fr;padding:28px 16px 30px;text-align:center}.hero-art{display:none}.hero-text{text-align:center}h1{align-items:center}.hero-watermark{width:300px;right:-80px;bottom:-90px}}@media(max-width:700px){.bonus-grid{grid-template-columns:1fr;gap:10px}.bonus-card{flex-direction:row;align-items:center;gap:14px;padding:16px}.bonus-icon{flex:0 0 44px;margin-bottom:0;border-radius:12px}.bonus-copy{flex:1;min-width:0;margin-top:0;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center}.bonus-copy h3{grid-column:1;grid-row:1}.bonus-copy p{grid-column:1;grid-row:2;margin-top:4px}.bonus-value{grid-column:2;grid-row:1 / 3;margin-top:0;font-size:28px;white-space:nowrap}}@media(max-width:600px){.landing{padding-left:18px;padding-right:18px}.top{padding:22px 0 16px}.brands{margin-bottom:16px}.logo{width:64px;height:64px}.hero-card{min-height:0;border-radius:20px}h1{font-size:clamp(22px,7.4vw,40px);letter-spacing:-.8px}.offer-caption{margin-top:16px;padding:9px 12px;font-size:13px}.bonuses{padding-top:12px}}@media(max-width:380px){.bonus-card{gap:12px;padding:14px}.bonus-copy{column-gap:8px}.bonus-value{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.play-button:after{animation:none;display:none}.hero-logo,.ring-2{animation:none}.play-button,.bonus-card,.bonus-icon{transition:none}.bonus-card:hover,.bonus-card:hover .bonus-icon,.play-button:hover,.play-button:active{transform:none}}