*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:'Inter',sans-serif;

background:#F5F1EA;

color:#143257;

display:flex;

justify-content:center;

align-items:center;



padding:40px;

}

.container{

max-width:760px;

text-align:center;

}

.logo{

width:260px;

margin-bottom:55px;

}

h1{

font-size:3rem;

font-weight:300;

letter-spacing:.02em;

margin-bottom:18px;

}

p{

font-size:1.15rem;

line-height:1.8;

color:#5F6772;

max-width:650px;

margin:auto;

}

.button{

display:inline-block;

margin-top:50px;

padding:18px 38px;

background:#0C2340;

color:white;

text-decoration:none;

font-size:16px;

font-weight:500;

border-radius:40px;

transition:.35s;

}

.button:hover{

background:#173A63;

transform:translateY(-2px);

}

.footer{

margin-top:70px;

font-size:14px;

color:#8A9098;

letter-spacing:.05em;

}

@media(max-width:768px){

.logo{

width:210px;

margin-bottom:40px;

}

h1{

font-size:2.2rem;

}

p{

font-size:1rem;

}

.button{

width:100%;

padding:18px;

}

}

.locations{

margin-top:90px;

padding-top:60px;

border-top:1px solid rgba(12,35,64,.08);

text-align:left;

}

.locations h3{

text-align:center;

font-size:28px;

font-weight:300;

margin-bottom:45px;

color:#0C2340;

}

.locations-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:45px;

}

.location h4{

color:#22C6D6;

font-size:22px;

font-weight:600;

margin-bottom:18px;

}

.location p{

margin:0 0 18px;

font-size:15px;

line-height:1.6;

color:#0C2340;

}

.location strong{

font-weight:600;

}

.location small{

display:block;

font-size:14px;

line-height:1.6;

color:#6F7680;

}

.copyright{

margin-top:60px;

padding-top:30px;

border-top:1px solid rgba(12,35,64,.08);

text-align:center;

font-size:14px;

color:#8A9098;

}