*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#087e83;--dark:#12343a;--light:#f5f8f7;--text:#344b50}body{font-family:Arial,Helvetica,sans-serif;color:var(--text)}.header,body{background:white}.header{height:82px;padding:0 7%;display:flex;align-items:center;justify-content:space-between}.logo{color:var(--primary);font-size:22px;font-weight:800;letter-spacing:1px}.logo span{color:var(--dark)}nav{display:flex;gap:32px}nav a{color:var(--dark);text-decoration:none;font-size:14px;font-weight:600}.hero{min-height:590px;padding:90px 7%;display:flex;align-items:center;background:linear-gradient(90deg,rgba(5,37,43,.82),rgba(5,37,43,.25)),url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e) 50%/cover no-repeat}.hero-content{width:100%;max-width:1150px;margin:auto;color:white}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:700}.hero h1{max-width:700px;margin:20px 0;font-size:clamp(38px,5vw,62px);line-height:1.1}.hero-content>p{font-size:17px;margin-bottom:35px}.search-box{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;grid-gap:12px;gap:12px;padding:18px;border-radius:12px;background:white;color:var(--dark);box-shadow:0 12px 35px rgba(0,0,0,.18)}.field{display:flex;flex-direction:column;gap:9px;padding:8px}.field label{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--primary)}.field input,.field select{width:100%;min-width:0;border:none;outline:none;background:white;color:var(--dark);font-size:13px}.search-box button{align-self:center;padding:17px 23px;border:none;border-radius:7px;background:var(--primary);color:white;font-weight:700;cursor:pointer}.search-box button:hover{background:var(--dark)}.welcome{padding:85px 20px;text-align:center}.welcome>span{color:var(--primary);font-size:12px;font-weight:700;letter-spacing:2px}.welcome h2{margin:18px auto;max-width:750px;color:var(--dark);font-size:32px}.welcome p{color:#718387;font-size:15px}footer{padding:28px;text-align:center;background:var(--dark);color:white;font-size:12px}@media (max-width:850px){.header{padding:20px;height:auto;gap:20px}.header,nav{flex-wrap:wrap}nav{gap:15px}.hero{padding:65px 20px}.search-box{grid-template-columns:1fr 1fr}.search-box button{grid-column:1/-1;width:100%}}@media (max-width:480px){.search-box{grid-template-columns:1fr}.search-box button{grid-column:auto}.welcome h2{font-size:25px}}