:root{font-family:Arial,Helvetica,sans-serif;color:#fff6ec;background:#120a06;font-synthesis:none;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:24px}body{min-width:320px}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ffd27a;outline-offset:5px}.landing{min-height:100vh;padding:0 24px calc(16px + env(safe-area-inset-bottom,0px));background:radial-gradient(ellipse at 50% 30%,#c1500f38,transparent 55%),radial-gradient(ellipse at 50% 110%,#7a2c0a30,transparent 60%)}main{width:100%;max-width:1040px;margin:0 auto}.hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 0 24px}.hero-glow{position:absolute;z-index:-1;top:120px;left:50%;transform:translate(-50%);width:min(120%,900px);height:420px;border-radius:50%;background:radial-gradient(ellipse,#ff8a2a2e,#ff6a1a0a 55%,transparent 70%);filter:blur(10px)}.brands{display:flex;align-items:center;justify-content:center;gap:30px;margin:4px 0 24px}.logo{display:block;width:92px;height:auto;filter:drop-shadow(0 10px 28px #ff8a2a45)}.maksone-logo{display:block;width:84px;height:84px;border-radius:50%;border:1px solid #ffbf6a40;box-shadow:0 0 40px #ff8a2a30}.brand-cross{color:#b88a62;font-size:30px;font-weight:300}.banner{position:relative;width:100%;margin-top:28px;aspect-ratio:2.6;overflow:hidden;border:1px solid #ffb35a33;border-radius:24px;background:#2a1408;box-shadow:0 30px 80px -30px #ff6a1a70,inset 0 1px #ffffff14}.banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 50%}.banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#120a06cc 100%),linear-gradient(90deg,#120a0659,transparent 20%,transparent 80%,#120a0659),#120a0647;pointer-events:none}.promo{position:absolute;z-index:2;left:50%;bottom:30px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 32px)}.promo-label{color:#ffd3a1;font-size:15px;font-weight:800;letter-spacing:4px;text-shadow:0 1px 6px #000c}.promo-code{display:flex;align-items:center;gap:20px;padding:10px 10px 10px 30px;border:2px dashed #ffc65caa;border-radius:20px;background:#1a0e08cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 40px -10px #000c,inset 0 1px #ffffff12;color:inherit;font-family:inherit;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.promo-value{font-size:46px;font-weight:900;line-height:1;letter-spacing:4px;background:linear-gradient(120deg,#fff3e0,#ffc65c 60%,#ff8a2a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.promo-action{display:inline-flex;align-items:center;gap:8px;min-width:190px;justify-content:center;padding:15px 20px;border-radius:13px;background:linear-gradient(110deg,#d9480f,#ff8a1f);color:#fff;font-size:17px;font-weight:800;letter-spacing:.3px;transition:background .2s ease}.promo-action svg{width:20px;height:20px;flex:none}.promo-code.copied{border-color:#8ee6a0;border-style:solid}.promo-code.copied .promo-action{background:linear-gradient(110deg,#1f9d55,#3cc777)}.promo-code:focus-visible{outline:3px solid #ffd27a;outline-offset:4px}@media(hover:hover){.promo-code:hover{border-color:#ffd98a;transform:translateY(-1px)}}.promo-code:active{transform:scale(.98)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ember{position:absolute;z-index:1;bottom:18%;width:6px;height:6px;border-radius:50%;background:#ffc067;box-shadow:0 0 12px 3px #ff8a2a99;opacity:0;animation:ember-rise 6s ease-in infinite;pointer-events:none}.ember-1{left:22%;animation-delay:0s}.ember-2{left:71%;width:4px;height:4px;animation-delay:2.2s}.ember-3{left:46%;width:5px;height:5px;animation-delay:4s}@keyframes ember-rise{0%{transform:translate(0);opacity:0}15%{opacity:1}to{transform:translate(18px,-180px);opacity:0}}.hero-copy{display:flex;flex-direction:column;align-items:center}.offer-badge{padding:7px 13px;border:1px solid #ffb35a40;border-radius:30px;background:#2a140899;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffd3a1;font-size:10px;font-weight:700;letter-spacing:1.7px}.offer-badge>span{color:#ffc65c;margin-right:6px}h1{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:14px;font-size:clamp(40px,6vw,70px);line-height:1.12;letter-spacing:-2px;font-weight:900}h1>span:not(.offer-plus){background:linear-gradient(130deg,#fff3e0,#ffc65c 55%,#ff8a2a);color:#ffc65c;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}h1 small{font-size:.47em;letter-spacing:-1px}.offer-plus{color:#b8794a;font-size:.6em;font-weight:400}.offer-caption{color:#ffcf99;font-size:12px;font-weight:800;letter-spacing:4px;margin-top:14px}.bonuses{padding-top:26px}.bonus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bonus-card{--accent: #ffc65c;position:relative;overflow:hidden;padding:20px;text-align:left;border:1px solid #ffa04a2e;border-radius:16px;background:linear-gradient(160deg,#b8531a38,#ff9a3a0a),#1d120c;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.bonus-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#a8461a,var(--accent),transparent)}.bonus-card:after{content:"";position:absolute;top:-40%;right:-30%;width:220px;height:220px;background:radial-gradient(circle,#ff8a2a40,transparent 70%);opacity:0;pointer-events:none;transition:opacity .35s ease}.bonus-card.flame{--accent: #ff9a4a}.bonus-card.gold{--accent: #ffe08a}.bonus-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:13px;border:1px solid #ffa04a4d;border-radius:16px;background:linear-gradient(145deg,#a8461aa6,#ff9a3a2e);box-shadow:inset 0 0 18px #ffa04a20,0 8px 22px -8px #b8531a60;color:var(--accent);font-size:22px;transition:transform .35s ease}.bonus-copy h3{color:#f0cfae;font-size:13px;font-weight:700;letter-spacing:.3px}.bonus-value{margin-top:8px;font-size:34px;font-weight:900;line-height:1.1;letter-spacing:-1px;color:var(--accent);background:linear-gradient(120deg,#fff,var(--accent) 60%,#ff7a2a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bonus-value>span{font-size:21px;margin-left:5px}.bonus-copy p{margin-top:6px;color:#c4a68c;font-size:12px;line-height:1.4}@media(hover:hover){.bonus-card:hover{transform:translateY(-3px);border-color:#ffa04a88;box-shadow:0 18px 50px -12px #b8531a70}.bonus-card:hover:after{opacity:1}.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:80px;display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 22px;border:1px solid #ffd08a99;border-radius:17px;background:linear-gradient(110deg,#d9480f,#ff8a1f 55%,#ffa94a);box-shadow:inset 0 1px #fff5,0 14px 40px -12px #ff6a1a90;color:#fff;text-shadow:0 1px 2px #7a2a0a80;font-size:28px;letter-spacing:1.5px;font-weight:800;font-family:inherit;cursor:pointer;transition:transform .2s ease,filter .2s ease,border-color .2s ease}.play-button>span{position:relative;z-index:1}@media(hover:hover){.play-button:hover{transform:translateY(-2px);filter:brightness(1.1);border-color:#ffe6bd}}.play-button:active{transform:scale(.98);filter:brightness(.95)}.play-button:focus-visible{outline:3px solid #ffd27a;outline-offset:4px}.play-button:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#ffffff66 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:#1a0e0833;-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}}@media(max-width:700px){.bonus-grid{grid-template-columns:1fr;gap:10px}.bonus-card{display:flex;align-items:center;gap:13px;padding:16px}.bonus-icon{flex:0 0 42px;margin-bottom:0;border-radius:12px}.bonus-copy{flex:1;min-width: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:5px}.bonus-value{grid-column:2;grid-row:1 / 3;margin-top:0;font-size:30px;white-space:nowrap}.bonus-value>span{font-size:18px;margin-left:3px}}@media(max-width:600px){.landing{padding-left:18px;padding-right:18px}.hero{padding:22px 0 18px}.brands{margin:0 0 18px}.logo{width:76px}.banner{aspect-ratio:4 / 3;margin-top:20px;border-radius:20px}.banner img{object-position:58% 40%}.promo{bottom:16px;gap:8px;max-width:calc(100% - 20px)}.promo-label{font-size:12px;letter-spacing:3px}.promo-code{gap:12px;padding:7px 7px 7px 18px;border-radius:16px}.promo-value{font-size:clamp(26px,8.6vw,34px);letter-spacing:2px}.promo-action{min-width:0;padding:12px 13px;font-size:14px}h1{margin-top:13px;gap:9px;font-size:clamp(28px,8.4vw,49px);letter-spacing:-1.5px}.offer-caption{font-size:10px;letter-spacing:3px}.bonuses{padding-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.play-button:after,.ember{animation:none;display:none}.play-button,.bonus-card,.bonus-card:after,.bonus-icon,.promo-code,.promo-action{transition:none;animation:none}.bonus-card:hover,.bonus-card:hover .bonus-icon,.play-button:hover,.play-button:active,.promo-code:hover,.promo-code:active{transform:none}}