@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

:root{color-scheme:dark;--bg:#101114;--text:#f8f8f7;--accent:#f0443e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Poppins,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.page{width:min(100% - 32px,820px);margin:0 auto;min-height:calc(100vh - 64px)}
.vsl{display:flex;flex-direction:column;align-items:center;padding:clamp(34px,5vw,68px) 0 45px;text-align:center}
h1{width:min(100%,760px);margin:0 0 25px;font-size:clamp(22px,2.35vw,31px);line-height:1.34;font-weight:600;letter-spacing:-.035em;text-wrap:balance}
h1 span{color:var(--accent);font-weight:700}
h1 strong{font-weight:800}
.player-shell{width:min(100%,400px);aspect-ratio:39/50;overflow:hidden;border-radius:8px;background:#050505;box-shadow:0 18px 55px rgba(0,0,0,.35)}
.player-shell vturb-smartplayer{display:block;width:100%;height:100%}
.player-shell noscript{display:block;padding:20px}
.offer{width:min(100%,440px);margin-top:25px}
.offer-button{display:block;width:100%;padding:19px 20px;border-radius:8px;background:#16ae44;color:white;text-align:center;text-decoration:none;font-size:17px;font-weight:800;box-shadow:0 9px 25px rgba(22,174,68,.2);transition:transform .2s,background .2s}
.offer-button:hover,.offer-button:focus-visible{transform:translateY(-2px);background:#1bc252}
.footer{padding:20px 16px 30px;text-align:center;color:#777b7d;font-size:11px;line-height:1.5}
:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:600px){.page{width:min(100% - 28px,500px)}.vsl{padding:26px 0 28px}h1{font-size:clamp(21px,5.7vw,27px);line-height:1.35;letter-spacing:-.04em;margin-bottom:20px}.footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}