body{margin:0;font-family:Arial;color:#152958}
header{height:90px;display:flex;justify-content:space-around;align-items:center}
.logo{width:260px}
nav a{margin:15px;font-weight:bold}
.hero{height:550px;background:linear-gradient(#002855aa,#002855aa),url('../images/hero-banner.jpg') center/cover;color:white;display:flex;align-items:center;padding:50px}
.hero h1{font-size:55px}
section{padding:50px;max-width:1100px;margin:auto}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid img{width:100%;height:200px;object-fit:cover}
input,textarea,button{display:block;width:100%;margin:10px 0;padding:15px}
button,.btn{background:#123b8f;color:white;padding:15px;border:0}
footer{background:#071b55;color:white;text-align:center;padding:40px}
.float{position:fixed;right:20px;color:white;padding:15px;border-radius:30px}
.zalo{bottom:80px;background:#008cff}
.wa{bottom:20px;background:#20c35a}
.lang{position:fixed;right:20px;top:20px;z-index:99}
@media(max-width:800px){.grid{grid-template-columns:1fr}.hero h1{font-size:35px}}