@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Vina+Sans&display=swap";:root{--headerColor: #233647;--heroColor: #216E99;--searchColor: #B7DDF2;--oddColor: #2B83B5;--evenColor: #7FB4D2;--mainCotainerColor: #EDF0F4;--padding: 0 60px}body{max-width:1440px;margin:auto;display:flex;flex-direction:column;text-align:center;overflow-x:hidden;font-family:Inter,sans-serif}.header{background-color:var(--headerColor);height:101px;flex-grow:1;display:flex;justify-content:space-evenly;align-items:end;color:#fff;font-size:18px;padding:var(--padding)}.header .menu{display:flex;flex:1;align-items:end;gap:100px}.header .menu .logo{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding-bottom:20px}.header .menu .logo .title{font-family:Vina Sans,sans-serif;font-size:48px;font-style:normal;font-weight:400;flex-shrink:0}.header .menu .logo .subtitle{font-size:12px}.header .menu .menuItems{display:flex;height:61px;justify-content:center;gap:40px}.header .menu .menuItems>button{background-color:transparent;cursor:pointer;border:none;border-bottom:6px solid transparent;color:#fff;font-size:18px;width:130px}.header .menu .menuItems>button.selected{border-bottom:6px solid #C6EE80;font-weight:700}.header .profile{align-items:center;gap:100px;height:70px}.header .menuIcon{display:none}.hero{height:500px;background-color:var(--heroColor);background-image:url(/02/hero.png);background-repeat:no-repeat;background-size:cover;background-position:center;padding:var(--padding);padding-bottom:70px;display:flex;align-items:end}.hero>article{text-align:start;color:#fff;letter-spacing:.32px;display:flex;flex-direction:column;align-items:flex-start;gap:22px}.hero>article .rating{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.hero>article .rating .ratingValue{display:flex;gap:8px;font-weight:400;margin-top:5px}.hero>article .rating .ratingValue .numbersRating{margin-top:4px}.hero>article .heroBox{display:flex;flex-direction:column;align-items:flex-start;gap:44px}.hero>article .heroButtons{display:flex;align-items:center;gap:20px}.hero>article .heroButtons>button{background-color:transparent;cursor:pointer;border:none;width:312px;height:48px;border-radius:24px;align-items:center}.hero>article .heroButtons .trailerButton{background:#FFF;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:13px 141px 13px 112px;color:#233647;font-family:Inter;font-size:18px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.36px}.hero>article .heroButtons .seeLaterButton{display:flex;justify-content:center;padding:12px 25px;gap:10px;border:2px solid #FFF;color:#fff;font-family:Inter;font-size:18px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.36px}.hero>article .heroButtons .seeDetails{cursor:pointer;color:#fff;font-family:Inter;font-size:18px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.36px}.container{display:flex;flex-direction:column;gap:40px;background-color:var(--mainCotainerColor);padding:var(--padding);padding-bottom:173px}.searchContainer{display:flex;align-items:flex-start;padding-top:40px;position:relative}.searchContainer .searchInput{display:flex;align-items:center;gap:10px;border:none;width:447px;height:60px;padding:0 16px;border-radius:30px;background:#FFF}.searchContainer .searchInput::placeholder{color:#3c3c4399;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:-.408px}.searchContainer .searchButton{background-color:transparent;cursor:pointer;border:none;width:60px;height:60px;border-radius:30px;background:#A6B2C4;position:absolute;left:420px}.cardsSections{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.cardsSections .title{padding:0;margin:0;text-align:start;color:#233647;font-size:20px;font-weight:600}.cardsSections .cardsList{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-around;gap:46px}.cardsSections .card{width:180px;height:255px;position:relative}.cardsSections .card .savedIcon{width:24px;height:24px;position:absolute;right:10px;top:10px;fill:#233647}@media screen and (max-width:1440px){.body{width:100%;margin:auto}.header .menu .menuItems{display:none}.header .profile .profileIcon{display:none}.header .profile .menuIcon{display:block}.hero{margin:auto;justify-content:center}.hero>article{align-items:flex-center}.hero>article .heroButtons{flex-direction:column}.searchContainer .searchInput{width:100%}.searchContainer .searchButton{display:none}}