*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:#030c10;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}img{display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.viewport{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;overflow:hidden;background:#030c10}.stage-frame{position:relative;width:calc(1920px * var(--scale, 1));height:calc(1080px * var(--scale, 1));flex-shrink:0}.stage{position:absolute;top:0;left:0;width:1920px;height:1080px;transform-origin:top left;transform:scale(var(--scale, 1))}.layer{position:absolute;pointer-events:none}.bg-main{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.bg-radial{top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 45% at 50% 55%,rgba(255,195,60,.18),transparent 70%),radial-gradient(ellipse 80% 60% at 50% 100%,rgba(0,0,0,.55),transparent 70%);z-index:1}.bg-center-glow{top:80px;left:50%;transform:translate(-50%);width:1280px;height:auto;opacity:.95;mix-blend-mode:screen;z-index:2}.bg-overlay{top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#030c1000 60%,#030c10d9);z-index:3}.bg-side-blur{top:0;width:480px;height:1080px;opacity:.7;mix-blend-mode:screen;z-index:2}.bg-side-blur.left{left:0}.bg-side-blur.right{right:0;transform:scaleX(-1)}.center-deco{top:460px;left:50%;transform:translate(-50%);width:1100px;opacity:.55;z-index:4}.logo-panel{position:absolute;top:36px;width:360px;height:140px;z-index:10}.logo-panel.left{left:60px}.logo-panel.right{right:60px}.logo-panel-bg{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;object-fit:contain;opacity:.85}.logo-panel-bg.bottom{transform:translateY(8px);opacity:.6}.logo-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:contain;opacity:.9;mix-blend-mode:screen}.logo-panel .logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:auto;z-index:2}.logo-panel .logo.okvip{width:78%}.model{position:absolute;top:180px;left:50%;transform:translate(-50%);width:640px;height:760px;z-index:5}.model-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:.85;mix-blend-mode:screen}.model-girl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:2}.promo-card{position:absolute;z-index:8;border-radius:28px;overflow:hidden}.promo-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.promo-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff3c0026,#00000059 70%);z-index:2}.promo-text{position:absolute;z-index:4;font-weight:800;text-transform:uppercase;text-shadow:0 2px 6px rgba(0,0,0,.6)}.promo-text .line1{font-size:26px;letter-spacing:.4px;margin:0 0 6px;opacity:.95}.promo-text .line2{font-size:20px;letter-spacing:.4px;margin:0;opacity:.85}.promo-text.right{text-align:right;right:30px}.promo-value{position:absolute;z-index:6;margin:0;font-weight:900;font-size:76px;line-height:1;background:linear-gradient(180deg,#fff5b8,#ffe100 35%,#f90);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(255,180,30,.45);letter-spacing:-2px}.promo-value.right{right:30px;text-align:right}.promo-1{top:230px;left:80px;width:520px;height:285px}.promo-1 .promo-text{top:32px;left:30px}.promo-1 .promo-value{bottom:22px;left:30px}.promo1-deco{position:absolute;bottom:-6px;right:-10px;width:280px;height:auto;z-index:3;opacity:.7}.promo1-girl{position:absolute;right:8px;top:6px;height:96%;width:auto;z-index:4;filter:drop-shadow(0 8px 20px rgba(0,0,0,.6))}.promo1-50{position:absolute;right:14px;bottom:14px;width:150px;height:auto;z-index:5;opacity:.85}.promo-2{top:535px;left:80px;width:520px;height:285px}.promo-2 .promo-text{top:32px;left:30px;right:auto;text-align:left}.promo-2 .promo-value{bottom:22px}.promo2-card{position:absolute;left:18px;bottom:22px;width:170px;height:auto;z-index:3;opacity:.9}.promo2-coins{position:absolute;left:-8px;top:50%;transform:translateY(-45%);width:210px;height:auto;z-index:4;filter:drop-shadow(0 8px 20px rgba(255,180,30,.45))}.promo2-girl{position:absolute;right:6px;top:4px;height:96%;width:auto;z-index:5;filter:drop-shadow(0 8px 20px rgba(0,0,0,.6))}.promo-3{top:230px;right:80px;width:480px;height:590px;border-radius:32px}.promo-3 .promo-bg-overlay{background:linear-gradient(180deg,#ff3c002e,#00000080)}.promo3-glow{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:110%;height:auto;z-index:3;mix-blend-mode:screen;opacity:.85}.promo3-card-l,.promo3-card-r{position:absolute;width:130px;height:auto;z-index:4;opacity:.85}.promo3-card-l{top:40px;left:-30px;transform:rotate(-18deg)}.promo3-card-r{top:40px;right:-30px;transform:rotate(18deg)}.promo3-header{position:absolute;top:36px;left:0;right:0;z-index:6;text-align:center}.promo3-header .title{margin:0 0 12px;font-size:28px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#fff5b8;text-shadow:0 2px 8px rgba(255,130,0,.6)}.promo3-header .amount{margin:0;font-size:44px;font-weight:900;background:linear-gradient(180deg,#fff5b8,#ffe100 30%,#f90);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-1px}.promo3-pot{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:95%;height:auto;z-index:5;filter:drop-shadow(0 12px 30px rgba(255,180,30,.55))}.cta-register{position:absolute;left:50%;bottom:200px;transform:translate(-50%);width:580px;height:140px;z-index:12;background:transparent;border:0;padding:0;cursor:pointer;filter:drop-shadow(0 12px 28px rgba(255,165,0,.55));transition:transform .15s ease,filter .15s ease}.cta-register:hover{transform:translate(-50%) translateY(-2px);filter:drop-shadow(0 16px 36px rgba(255,195,30,.75))}.cta-register:active{transform:translate(-50%) translateY(1px)}.cta-register .cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}.cta-register .cta-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:28px;font-weight:900;letter-spacing:1.4px;color:#fff5d8;text-shadow:0 2px 4px rgba(0,0,0,.6),0 0 14px rgba(255,200,60,.55);text-transform:uppercase;z-index:2}.cta-highlight{background:linear-gradient(180deg,#ffeb6b,#ff7a00);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(0,0,0,.2);margin-left:8px;white-space:nowrap}.banner{position:absolute;bottom:70px;width:420px;height:96px;z-index:9;border-radius:18px;overflow:hidden}.banner-checkin{left:80px}.banner-lixi{right:80px}.banner-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#ff640040,#00000059);z-index:2}.banner-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:64px;height:64px;z-index:3;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.banner-text{position:absolute;left:90px;right:16px;top:50%;transform:translateY(-50%);margin:0;z-index:3;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#fff5d8;text-shadow:0 2px 6px rgba(0,0,0,.7)}.lp-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px}.lp-modal[hidden]{display:none}.lp-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#02080cc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.lp-modal-card{position:relative;width:100%;max-width:460px;background:linear-gradient(180deg,#16202c,#0d141d);border:1px solid rgba(255,195,60,.28);border-radius:20px;padding:36px 32px 28px;box-shadow:0 30px 80px -20px #000000d9,0 0 0 1px #ffc83c0f inset,0 0 60px -20px #ffa51e59 inset}.lp-modal-close{position:absolute;top:12px;right:14px;width:36px;height:36px;display:grid;place-items:center;font-size:26px;font-weight:700;color:#cfd6e3;background:transparent;border:0;border-radius:50%;cursor:pointer;transition:background .15s ease,color .15s ease}.lp-modal-close:hover{background:#ffffff14;color:#fff}.lp-modal-header{text-align:center;margin-bottom:20px}.lp-modal-header h1{margin:0 0 6px;font-size:24px;font-weight:900;letter-spacing:.6px;color:#fff5d8;text-transform:uppercase}.lp-modal-sub{margin:0;font-size:14px;color:#9aa6b8}.field{display:block;margin-bottom:12px}.field>span{display:block;margin-bottom:6px;font-size:13px;color:#b8c1d1}.field>span em{font-style:normal;color:#6e7a8c;font-weight:400}.field input,.field select{width:100%;padding:12px 14px;font-size:15px;color:#fff;background:#0a121c;border:1px solid rgba(255,255,255,.08);border-radius:10px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder{color:#4f5a6b}.field input:focus,.field select:focus{border-color:#ffc83c;box-shadow:0 0 0 3px #ffc83c29}.error{margin:8px 0 12px;padding:10px 12px;background:#ff50501f;border:1px solid rgba(255,100,100,.4);border-radius:8px;color:#ff8a8a;font-size:13px}.btn{width:100%;padding:14px 18px;font-size:15px;font-weight:800;letter-spacing:.6px;border-radius:12px;border:0;cursor:pointer;text-transform:uppercase;transition:filter .15s ease,transform .05s ease}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#ffd968,#ff8a00);color:#3a1500;box-shadow:0 8px 18px -6px #ff8a0099}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:#ffffff0f;color:#ecf0f8;border:1px solid rgba(255,255,255,.14)}.btn-secondary:hover{background:#ffffff1f}.lp-modal-card.success{text-align:center;padding-top:28px}.success-icon{width:72px;height:72px;margin:0 auto 18px;display:grid;place-items:center;font-size:36px;font-weight:900;color:#08361b;background:linear-gradient(180deg,#6ee48a,#2fbf5b);border-radius:50%;box-shadow:0 0 32px -4px #3cdc788c}.lp-modal-card.success h1{margin:0 0 10px;font-size:24px;font-weight:900;text-transform:uppercase;color:#ecf0f8}.lp-modal-card.success .lp-modal-sub{margin-bottom:24px}.lp-modal-card.success .lp-modal-sub strong{color:#ffe100}.muted{color:#6e7a8c;font-size:13px}.actions{display:grid;gap:12px;margin-bottom:14px}.link{display:block;width:100%;background:transparent;border:0;color:#8a96a8;font-size:13px;cursor:pointer;padding:6px;text-align:center}.link:hover{color:#fff}@media (min-width: 769px) and (max-width: 1920px){:root{--scale: calc(100vw/1920px) }}@media (max-width: 768px){.viewport{overflow:visible;min-height:100vh;background:radial-gradient(ellipse 90% 50% at 50% 0%,rgba(255,165,30,.18),transparent 70%),radial-gradient(ellipse 120% 70% at 50% 100%,rgba(0,60,120,.45),transparent 70%),#030c10}.stage-frame{width:100%;height:auto}.stage{position:static;width:100%;height:auto;transform:none;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"logoL logoR" "model model" "promo3 promo3" "promo1 promo1" "promo2 promo2" "cta cta" "bnchk bnlx";column-gap:12px;row-gap:14px;padding:14px 14px 28px;align-items:stretch}.stage>.layer{display:none}.logo-panel{position:relative;width:100%;height:72px;border-radius:14px;background:linear-gradient(180deg,#14243ca6,#080e18b3);border:1px solid rgba(255,200,60,.22);box-shadow:0 0 18px -4px #ffa51e40 inset;overflow:hidden}.logo-panel.left,.logo-panel.right{top:auto;left:auto;right:auto}.logo-panel.left{grid-area:logoL}.logo-panel.right{grid-area:logoR}.logo-panel .logo-panel-bg,.logo-panel .logo-glow{display:none}.logo-panel .logo{width:56%}.logo-panel .logo.okvip{width:66%}.model{position:relative;grid-area:model;top:auto;left:auto;transform:none;width:100%;height:360px;margin:4px 0}.model-bg,.model-girl{object-fit:contain;object-position:center}.promo-card{position:relative;width:100%;border-radius:22px}.promo-1{grid-area:promo1;height:200px;top:auto;left:auto}.promo-2{grid-area:promo2;height:200px;top:auto;left:auto}.promo-3{grid-area:promo3;height:280px;top:auto;right:auto}.promo-text .line1{font-size:18px}.promo-text .line2{font-size:14px}.promo-1 .promo-text{top:20px;left:20px}.promo-2 .promo-text{top:20px;right:20px}.promo-1 .promo-value,.promo-2 .promo-value{font-size:52px;bottom:16px}.promo-1 .promo-value{left:20px}.promo-2 .promo-value{right:20px}.promo1-deco{width:180px;right:-8px;bottom:-4px}.promo1-girl{right:6px;top:6px;height:90%}.promo1-50{width:90px;right:12px;bottom:10px}.promo2-card{width:110px;left:14px;bottom:16px}.promo2-coins{width:130px;left:-4px}.promo2-girl{right:6px;top:4px;height:92%}.promo3-glow{display:none}.promo-3 .promo-bg-overlay{background:linear-gradient(180deg,#0000008c,#00000026 45%,#0000008c)}.promo3-card-l,.promo3-card-r{display:none}.promo3-header{top:22px}.promo3-header .title{font-size:20px;letter-spacing:1px;margin-bottom:6px;color:#fff5d8;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 12px rgba(255,130,0,.7)}.promo3-header .amount{font-size:30px;background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff5b8;text-shadow:0 2px 6px rgba(0,0,0,.95),0 0 18px rgba(255,100,0,.55)}.promo3-pot{width:auto;height:68%;max-width:70%;bottom:6px}.cta-register{position:relative;grid-area:cta;left:auto;bottom:auto;transform:none;width:100%;max-width:480px;height:86px;margin:8px auto 4px}.cta-register:hover{transform:translateY(-2px)}.cta-register:active{transform:translateY(1px)}.cta-register .cta-text{font-size:16px;letter-spacing:.6px}.cta-register .cta-highlight{margin-left:6px}.banner{position:relative;width:100%;height:72px;border-radius:14px}.banner-checkin,.banner-lixi{bottom:auto;left:auto;right:auto}.banner-checkin{grid-area:bnchk}.banner-lixi{grid-area:bnlx}.banner-icon{width:44px;height:44px;left:10px}.banner-text{left:60px;right:10px;font-size:12px;line-height:1.25;letter-spacing:.3px}}@media (max-width: 380px){.stage{padding:10px 10px 24px;row-gap:12px}.logo-panel{height:64px}.model{height:320px}.promo-1,.promo-2{height:180px}.promo-3{height:250px}.promo-1 .promo-value,.promo-2 .promo-value{font-size:44px}.promo3-header .amount{font-size:26px}.cta-register{height:78px}.cta-register .cta-text{font-size:13px;letter-spacing:.4px}.cta-register .cta-highlight{margin-left:5px}}@media (max-width: 480px){.modal-card{padding:28px 20px 20px}.modal-header h1{font-size:20px}}
