@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,sans-serif;background-color:#f7f7f7;color:#111;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:40px 20px 24px}.content-container{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:32px}.headline{font-size:clamp(1.4rem,5vw,2rem);font-weight:800;color:#111;text-align:center;line-height:1.25;letter-spacing:-.02em}.player-wrapper{width:100%}.cta-wrapper{width:100%;display:flex;justify-content:center;opacity:0;pointer-events:none;transition:opacity .8s ease}.cta-wrapper.visible{opacity:1;pointer-events:auto;animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cta-button{display:inline-block;width:100%;max-width:400px;background-color:#28a745;color:#fff;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;text-align:center;text-decoration:none;padding:18px 28px;border-radius:12px;letter-spacing:.04em;text-transform:uppercase;transition:background-color .2s ease,transform .1s ease;box-shadow:0 4px 14px #28a74559}.cta-button:hover{background-color:#218838}.cta-button:active{transform:scale(.98);background-color:#1e7e34}.footer{margin-top:40px;text-align:center;color:#888;font-size:.75rem}