@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Vina+Sans&display=swap";:root{--headerColor: #233647;--heroColor: #216E99;--searchColor: #B7DDF2;--itemOddColor: #2B83B5;--itemEvenColor: #7FB4D2}body{text-align:center;margin:0;background-color:#edf0f4}header,main{width:100vw}header{height:100px;background-color:var(--headerColor);display:flex;align-items:center;justify-content:center}header nav{height:100%;width:100%;max-width:1440px;margin:0 48px;display:flex;align-items:stretch;justify-content:space-between}header nav #header-left-items{display:flex;gap:100px}header nav #header-left-items #header-logo{display:flex;flex-direction:column;align-items:center;justify-content:center}header nav #header-left-items #header-logo #header-logo-title{font-family:Vina Sans,sans-serif;font-weight:400;font-style:normal;font-size:48px;line-height:58.32px;text-align:center;color:#fff}header nav #header-left-items #header-logo #header-logo-subtitle{font-family:Inter,system-ui;font-optical-sizing:auto;font-weight:300;font-size:12px;text-wrap:nowrap;color:#fff}header nav #header-left-items ul{display:flex;align-items:end;gap:40px;margin:0}@media screen and (max-width: 720px){header nav #header-left-items ul{display:none}}header nav #header-left-items ul li{list-style:none;color:#fff;height:100%;width:130px;align-content:end;font-family:Inter,system-ui;font-optical-sizing:auto;font-size:18px;font-weight:400;line-height:21.78px;padding-bottom:10px;cursor:pointer}header nav #header-left-items ul li:first-child{font-weight:700;border-bottom:3px solid #C6EE80}header #header-profile{display:flex;align-items:center}#hero{height:500px;background:linear-gradient(#23364700,#23364799);display:flex}#hero>article{max-width:668px;margin:auto 48px;display:flex;flex-direction:column;align-items:flex-start;gap:22px;color:#fff;font-family:Inter,system-ui;font-optical-sizing:auto}#hero>article #hero-score{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:16px;font-weight:400}#hero>article #hero-score>:last-child{display:flex;align-items:center;justify-content:center;gap:8px}#hero>article #hero-title{display:flex;flex-direction:column;align-items:start}#hero>article #hero-title :first-child{font-size:96px;font-weight:700;text-align:left}#hero>article #hero-title :last-child{font-size:24px;font-weight:700}#hero>article #hero-description{text-align:left;font-size:20px;font-weight:400}#hero>article #hero-buttons{display:flex;flex-wrap:wrap;gap:44px}#hero>article #hero-buttons button{height:48px;width:312px;border-radius:24px;border:none;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px}#hero>article #hero-buttons button:last-child{background-color:transparent;border:2px solid white;color:#fff}#search{height:100px;display:flex;flex-direction:column}#search>h2{margin:20px 48px 0;text-align:left}#search>p{margin:0 48px;text-align:left}#lists{display:flex;flex-direction:column;align-items:start}.card-list-container{display:flex;flex-direction:column;align-items:start;gap:20px;margin:20px 48px}.card-list-container .card-list{display:flex;flex-wrap:wrap;gap:46px}.card{height:255px;width:182px;background-color:#a6b2c4}@media screen and (max-width: 600px){.item{height:150px;width:100px}}