*{box-sizing:border-box}body{margin:0;background:#07080c;color:#f7f7f8;font:16px Arial}header{height:72px;position:fixed;z-index:9;left:0;right:0;display:flex;align-items:center;gap:60px;padding:0 5%;background:#06070bd9}.logo{font-size:21px}.logo span,em{color:#ff1748;font-style:normal}nav{flex:1;color:#ccc}select{background:#15171d;color:#fff;padding:9px;border:1px solid #333;border-radius:8px}.hero{height:760px;display:flex;align-items:center;padding:100px 7%;background:linear-gradient(90deg,#07080c 8%,#07080ce8 35%,transparent 70%),radial-gradient(ellipse at 76% 42%,#a64b3c,#52251f 18%,#17131a 42%,#08090d 70%);position:relative}.hero:after{content:'';position:absolute;width:330px;height:520px;right:14%;top:115px;border-radius:170px 170px 45px 45px;background:linear-gradient(145deg,#71332e,#18181d 55%,#090a0e);opacity:.8}.hero>div{z-index:2;max-width:680px}.hero small,section small{color:#ff315c;letter-spacing:2px;font-weight:bold}.hero h1{font-size:70px;line-height:1;margin:18px 0}.hero p{color:#c0c2c8;line-height:1.6}.hero a,.app a{display:inline-block;background:#f31643;color:#fff;text-decoration:none;padding:14px 20px;border-radius:9px;font-weight:bold}section{padding:30px 5% 50px}h2{font-size:31px}.rail{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.card{position:relative}.poster{height:280px;border-radius:11px;background:linear-gradient(150deg,#76182f,#1a1219 62%,#0d0e12);position:relative}.card:nth-child(2n) .poster{background:linear-gradient(150deg,#2c3e65,#171923 62%,#0d0e12)}.card:nth-child(3n) .poster{background:linear-gradient(150deg,#78531f,#211a13 62%,#0d0e12)}.poster:before{content:'';position:absolute;width:110px;height:175px;border-radius:55px;background:#ffffff10;left:50%;top:35px;transform:translateX(-50%)}.poster:after{content:'▶';position:absolute;right:12px;bottom:12px;width:35px;height:35px;border-radius:50%;background:#000b;display:grid;place-items:center}.card h3{font-size:15px;margin:9px 0 3px}.card p{font-size:12px;color:#858892;margin:0}.rank{position:absolute;z-index:3;left:-5px;bottom:30px;font-size:70px;font-weight:900;color:#11131a;-webkit-text-stroke:2px #696c75}.top .card{padding-left:28px}.genres{background:linear-gradient(90deg,#150b11,#0b0d13);padding-top:70px}.g{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.g button{height:105px;border:1px solid #292c35;border-radius:13px;background:#14161e;color:#fff}.app{padding:95px 7%;display:grid;grid-template-columns:1fr 1fr;align-items:center}.app p,.vip p{color:#aaa;line-height:1.6}.app span{display:inline-block;padding:14px 18px;margin-left:8px;border:1px solid #333;border-radius:9px}.phones{height:450px;position:relative}.phones i{position:absolute;width:220px;height:420px;border:7px solid #30323b;border-radius:35px;background:linear-gradient(#090a0e,#4a1220)}.phones i:first-child{left:15%;transform:rotate(-9deg)}.phones i:nth-child(2){left:40%;transform:rotate(7deg)}.phones strong{position:absolute;left:36%;top:165px;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:#f31643;font-size:30px;box-shadow:0 0 70px #f3164388}.vip{padding:90px 7%;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;background:#0b0d12}.vip h2{font-size:44px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.plans article{height:190px;padding:28px 18px;border:1px solid #292c35;border-radius:15px;background:#12141b}.plans .hot{height:220px;border-color:#f31643}footer{padding:40px 5%;border-top:1px solid #222;display:flex;justify-content:space-between;align-items:center;color:#777}footer a{color:#aaa;text-decoration:none}.legal{max-width:900px;margin:auto;padding:120px 7%;min-height:80vh}.legal p{color:#bbb;line-height:1.8}@media(max-width:900px){nav{display:none}.hero h1{font-size:48px}.hero:after{right:-170px;opacity:.3}.rail{display:flex;overflow:auto}.card{min-width:155px}.poster{height:230px}.g{grid-template-columns:repeat(2,1fr)}.app,.vip{grid-template-columns:1fr}.phones{display:none}.plans{grid-template-columns:1fr}footer{flex-direction:column;gap:20px}}