*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08040c;color:#fff;font-family:Arial,sans-serif}header{position:fixed;z-index:10;top:0;width:100%;height:88px;padding:8px 5%;display:flex;align-items:center;justify-content:space-between;background:#08040ddd;border-bottom:1px solid #ffffff20}header img{width:180px;height:70px;object-fit:contain}nav{display:flex;gap:22px}nav a{color:#fff;text-decoration:none;font-weight:700}.hero{min-height:100vh;display:grid;place-items:center;text-align:center;position:relative;background:url("assets/app-background.png") center/cover}.shade{position:absolute;inset:0;background:linear-gradient(#0004,#08040ce8)}.heroText{z-index:1;padding:20px}.hero h1{font-size:clamp(38px,8vw,78px);margin:0 0 12px}.hero p{font-size:20px}.btn{display:inline-block;margin-top:18px;padding:15px 22px;border-radius:30px;color:#fff;text-decoration:none;font-weight:800;background:linear-gradient(90deg,#ff176b,#ff9500)}.section{max-width:900px;margin:auto;padding:90px 20px;text-align:center}.tag{color:#ff4d99;font-weight:900;letter-spacing:3px}.section h2{font-size:clamp(32px,6vw,52px);margin:8px}.section>p{color:#bbb}.player{margin:35px auto 0;max-width:700px;border:1px solid #ffffff22;border-radius:24px;overflow:hidden;background:#130c1c;padding:12px;box-shadow:0 20px 70px #0008}.player iframe{display:block;border-radius:15px}footer{text-align:center;border-top:1px solid #ffffff20;padding:25px;color:#999}footer img{width:220px;height:90px;object-fit:contain}@media(max-width:650px){header img{width:130px}nav{gap:10px;font-size:12px}.player{padding:6px}.section{padding:70px 15px}}