@import"https://fonts.googleapis.com/css2?family=Vina+Sans&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{--evenColor: #7FB4D2;--unevenColor: #2B83B5;--headerColor: #233647;--accentColor: #C6EE80;--greyColor: #A6B2C4;--heroColor: #EDF0F4;--gradient: linear-gradient(to bottom, rgba(2, 51, 100, 0) 0%, rgba(2, 51, 100, .6) 100%);--lightFontColor: #FFFFFF;--darkFontColor: #233647;--coverOverlay: #00000033;--squareBadgeSide: 24px;--fontSizeS: 16px;--fontSizeM: 18px;--fontSizeL: 20px;--boldText: 700;--smallLineHeight: 19.36px;--largeLineHeight: 21.78px;--boldFontWeight: 700;font-family:Inter;font-weight:400;text-align:center;width:100%}body header{color:var(--lightFontColor);display:flex;flex-flow:row;background-color:var(--headerColor);height:100px;justify-content:space-between;align-items:center;padding:0 60px}body header #hamburger{display:none}body header section{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;width:70%;height:100px}body header a{cursor:pointer;align-self:center;text-decoration:none;color:var(--lightFontColor)}body header a h2{font-family:Vina Sans;font-size:48px;text-align:center}body header img{cursor:pointer;width:40px;height:40px;border-radius:50%;object-fit:fill}body header nav{display:flex;flex-flow:row;width:300px;gap:40px;padding:0 0 0 60px}body header nav a{height:60px;width:130px;font-size:var(--fontSizeM);line-height:21.78px;padding:0 0 16px;align-content:flex-end;cursor:pointer;text-decoration:none;color:var(--lightFontColor)}body header nav a.active{font-weight:var(--boldFontWeight);border-bottom:6px solid var(--accentColor);padding:0 0 10px}@media (max-width: 600px){body header{display:flex;padding:28px;align-items:center}body header #hamburger{display:block;width:calc(var(--squareBadgeSide) * 2);height:calc(var(--squareBadgeSide) * 2);align-self:baseline}body header a[href="/02/profile"]{display:none}body header section{justify-content:space-between}body header sub{display:none}body header nav{display:none}}body .icon{width:var(--squareBadgeSide);height:var(--squareBadgeSide)}body section.hero{background:var(--gradient);height:500px}body section.hero hgroup{width:100%;height:100%;background-color:var(--gradient);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:var(--lightFontColor);padding:0 0 44px 44px}body section.hero hgroup sup{font-size:var(--fontSizeS);line-height:var(--smallLineHeight);letter-spacing:.02em;text-align:left}body section.hero hgroup h3{font-size:var(--fontSizeS);line-height:var(--smallLineHeight);font-weight:400;display:flex;align-items:center;margin:4px 0 0}body section.hero hgroup h3 span{font-weight:var(--boldText)}body section.hero hgroup h3 svg{margin:0 8px 0 4px}body section.hero hgroup h1{font-family:Inter;font-size:84px;font-weight:var(--boldText);letter-spacing:.02em;text-align:left;margin:20px 0 0}body section.hero hgroup h2{font-size:24px;font-weight:var(--boldText);line-height:29.05px;letter-spacing:.02em;text-align:left}body section.hero hgroup p{margin:22px 0;width:50%;font-size:var(--fontSizeL);line-height:28px;text-align:left}body section.hero hgroup section{display:flex;flex-direction:row;color:var(--lightFontColor);gap:20px;align-items:center;font-weight:var(--boldText)}body section.hero hgroup section button{width:312px;height:48px;border:1px solid var(--lightFontColor);border-radius:25px;background:transparent;color:var(--lightFontColor)}body section.hero hgroup section button.trailer{color:var(--darkFontColor);background-color:var(--lightFontColor)}@media (max-width:600px){body section.hero{height:460px;margin:auto;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}body section.hero hgroup{width:100%;padding:0}body section.hero hgroup h1{font-size:48px}body section.hero hgroup h2{font-size:var(--fontSizeL)}body section.hero hgroup h3,body section.hero hgroup sup{font-size:var(--fontSizeS);align-self:flex-start}body section.hero hgroup sup{font-size:var(--fontSizeS)}body section.hero hgroup p{display:none}body section.hero hgroup section{display:block;width:100%;gap:0}body section.hero hgroup section button{width:100%;margin:16px 12px}}body main{height:100%;background-color:var(--heroColor);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:0 54px}body main search{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;border-radius:30px;background-color:var(--heroColor)}body main search input{background-color:var(--lightFontColor);width:447px;height:60px;margin:32px 0;border-radius:50px;border:0;padding:0 20px}body main search button{width:60px;height:60px;border-radius:30px;border:0;background-color:var(--greyColor)}body main section.finder{width:100%;height:100%;display:flex;flex-direction:column}body main section.finder h3{font-size:var(--fontSizeL);font-weight:600;line-height:24.2px;text-align:left;color:var(--darkFontColor)}body main section.finder section{margin:32px 0;width:100%;display:flex;flex-direction:column;align-items:flex-start}body main section.finder section section{margin:32px 0;width:100%;display:flex;flex-flow:row wrap;justify-content:space-between}body main section.finder section section article{width:182px;height:255px}@media (max-width: 600px){body main{padding:24px;justify-content:center;width:100%}body main section.finder>section>section{margin:0}body main section.finder>section>section article{width:100px;height:150px;margin:12px 0 0}body main section.finder>section>section article img{width:100px;height:150px;object-fit:fill}}