*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:#0e0e0e}a{text-decoration:none}button,select,input{font:inherit}.max_width{max-width:840px;width:100%}header{display:flex;justify-content:center;align-items:center;padding:16px 32px}.burger_manu{display:none;border:none;background:transparent;cursor:pointer}.header_sec{display:flex;justify-content:space-between;align-items:center;position:relative}.logo_button{border:none;background:transparent;cursor:pointer}.header_nav{display:flex;gap:12px;align-items:center}.nav_button{color:#7b7b7b;font-size:16px;line-height:24px;background:transparent;border:none;cursor:pointer;padding:6px 10px;border-radius:8px;transition:color .2s ease,background-color .2s ease}.nav_button:hover,.nav_button:focus-visible,.nav_button.active{color:#fff;background:#1f1f1f;outline:none}h1{color:#fff;font-size:32px;font-weight:600;line-height:40px}h1 span{color:#a00}.profile_wrapper{display:flex;flex-direction:column;gap:8px;align-items:center;position:relative}.profile_trigger{display:flex;gap:12px;align-items:center;border:none;background:transparent;cursor:pointer}.profile_trigger span{color:#fff;font-size:16px;line-height:24px}.profile_trigger:after{content:url(/images/profile.png);height:40px}.profile_trigger:before{content:url(/images/arrowDown.svg);height:24px}.profile_menu{position:absolute;top:44px;right:0;min-width:160px;background:#1b1b1b;border:1px solid #2a2a2a;border-radius:10px;display:flex;flex-direction:column;padding:6px;z-index:40}.profile_menu button{border:none;background:transparent;color:#fff;text-align:left;padding:8px;border-radius:8px;cursor:pointer}.profile_menu button:hover,.profile_menu button:focus-visible{background:#2d2d2d;outline:none}main{display:flex;flex-direction:column;padding:32px 32px 241px;gap:32px}.first_sec{display:flex;justify-content:center}.first_sec_wrapper{display:flex;flex-direction:column;gap:91px;align-items:flex-start;padding:40px 40px 30px;background-image:url(/images/logo.png),url(/images/car.png);background-repeat:no-repeat;background-size:contain,cover;background-position:right,center;border-radius:16px}.first_sec_heading_wrapper{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.first_sec_heading_wrapper p,.rating span,.first_sec_desc,.watch_message{color:#c2c2c2;font-size:16px;line-height:24px}.first_sec_heading{color:#fff;font-size:32px;font-weight:700;line-height:40px}.rating{display:flex;gap:8px;align-items:center}.rating_value{display:flex;align-items:center;gap:8px;color:#fff}.rating_value:before{content:url(/images/star.svg);height:24px}.first_sec_desc_wrapper{display:flex;flex-direction:column;gap:16px;max-width:356px;width:100%;align-items:flex-start}.first_sec_desc_heading{color:#fff;font-size:16px;line-height:24px;display:flex;gap:12px;align-items:center;font-style:normal;font-weight:400}.first_sec_desc{font-size:14px;line-height:22px}.watch_button,.reset_button{padding:12px 24px;border-radius:8px 32px;border:none;color:#fff;font-size:16px;line-height:24px;cursor:pointer;transition:transform .2s ease,filter .2s ease}.watch_button{background:#a00;box-shadow:5px 2px 11.9px #a00}.reset_button{background:#3a3a3a;box-shadow:none}.watch_button:hover,.watch_button:focus-visible,.reset_button:hover,.reset_button:focus-visible{transform:translateY(-1px);filter:brightness(1.15);outline:none}.first_sec_desc_txt_wrapper{display:flex;flex-direction:column;gap:8px}.second_sec{display:flex;justify-content:center}.second_sec_wrapper{display:flex;flex-direction:column;gap:24px;align-items:center}.second_sec_heading{color:#fff;font-size:32px;font-style:normal;font-weight:700;line-height:40px}.form_wrapper select,.form_wrapper input{padding:8px 46px 8px 16px;border-radius:24px;background:#191919;border:1px solid transparent}.form_wrapper input{background-image:url(/images/search.svg);padding:8px 16px 8px 46px;background-repeat:no-repeat;background-position:center left 12px;min-width:269px}.form_wrapper input:focus,.form_wrapper select:focus{border:1px solid #a00;outline:none}.form_wrapper option{color:#666;font-size:14px;line-height:24px}.form_wrapper select,.form_wrapper input::placeholder{color:#7b7b7b;font-size:16px;line-height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-grow:1}.form_wrapper input{color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.form_wrapper select{background-image:url(/images/selectArrow.svg);background-position:center right 12px;background-repeat:no-repeat}.form_wrapper{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.third_sec{display:flex;justify-content:center}.third_sec_wrapper{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.film_cards{width:192px;min-width:158px;min-height:219px;max-height:219px;background-position:center;background-size:cover;display:flex;border-radius:16px;overflow:hidden;cursor:pointer}.first_card{background-image:url(/images/firstFilm.png)}.second_card{background-image:url(/images/secondFilm.png)}.third_card{background-image:url(/images/thirdFilm.png)}.fourth_card{background-image:url(/images/fourthFilm.png)}.fifth_card{background-image:url(/images/fifthFilm.png)}.sixth_card{background-image:url(/images/sixthFilm.png)}.seventh_card{background-image:url(/images/seventhFilm.png)}.eighth_card{background-image:url(/images/eighthFilm.png)}.filter{flex-grow:1;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;gap:12px;padding:14px;background:#0000000d;transition:backdrop-filter .2s ease,background-color .2s ease}.film_title{color:#fff;font-weight:600;text-align:center;text-shadow:0 1px 6px rgba(0,0,0,.8)}.film_cards .watch_button{opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}.film_cards:hover .filter,.film_cards:focus-within .filter{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000059}.film_cards:hover .watch_button,.film_cards:focus-within .watch_button{opacity:1;pointer-events:auto;transform:translateY(0)}.film_cards:focus-visible{outline:2px solid #a00;outline-offset:2px}.empty_state{color:#a0a0a0;font-size:18px;line-height:28px}.trailer_modal_backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.trailer_modal{width:100%;max-width:640px;background:#161616;border:1px solid #2a2a2a;border-radius:16px;padding:20px;position:relative;color:#fff}.modal_close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:999px;border:none;background:#2f2f2f;color:#fff;cursor:pointer}.trailer_kicker{font-size:13px;color:#9c9c9c;margin-bottom:4px}.trailer_title{margin-bottom:12px}.trailer_player{min-height:280px;border-radius:12px;overflow:hidden;background-size:cover;background-position:center}.trailer_overlay{min-height:280px;background:linear-gradient(to top,#000000a6,#00000040);display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:16px}.play_chip{width:fit-content;background:#a00;color:#fff;padding:6px 12px;border-radius:999px;font-weight:600}.trailer_progress{margin-top:14px;display:flex;align-items:center;gap:10px}.trailer_time{color:#bbb;font-size:13px}.progress_track{flex:1;height:6px;border-radius:99px;background:#3f3f3f;overflow:hidden}.progress_fill{width:28%;height:100%;background:#a00}@media screen and (max-width: 1023px){main{padding-bottom:233px}.third_sec_wrapper{gap:32px 24px}}@media screen and (max-width: 767px){main,header{padding-left:16px;padding-right:16px}main{padding-bottom:104px}.first_sec_wrapper{background-image:url(/images/car.png);background-size:cover;background-position:center;gap:83px;padding:24px 8px 10px 16px}.film_cards{width:100%;max-width:400px}.burger_manu{display:flex;justify-content:center;align-items:center}.burger_manu:before{content:url(/images/burger.svg);height:24px}.header_nav{display:none}.header_nav.open{position:absolute;display:flex;flex-direction:column;top:56px;left:0;width:180px;background:#1b1b1b;border:1px solid #2a2a2a;border-radius:10px;padding:8px;z-index:20}.header_nav.open .nav_button{text-align:left;width:100%}.user_name{display:none}.reset_button{width:100%}.trailer_modal{padding:16px}.trailer_player,.trailer_overlay{min-height:220px}}