*{box-sizing:border-box}body{margin:0;font:15px Arial,"Microsoft YaHei",sans-serif;color:#102a50}header{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1180px)/2));gap:20px}.logo{color:#102a50;text-decoration:none;font-size:18px;letter-spacing:.05em;font-weight:500}nav{display:flex;gap:23px}nav a{color:#516680;text-decoration:none;font-size:13px}.langs button{border:0;background:transparent;color:#5e7189;padding:5px;font-size:11px}.langs button.active{color:#102a50;font-weight:bold}.hero{min-height:485px;display:grid;place-items:center;text-align:center;padding:72px 24px;background:radial-gradient(circle at 78% 26%,#dce7f4,transparent 29%),radial-gradient(circle at 12% 78%,#e9efe5,transparent 26%),#f8fafc}.hero>div{max-width:680px}.hero span,.section>span,.about span{font-size:10px;letter-spacing:.16em;color:#7187a5}.hero h1{font:400 clamp(44px,6vw,74px)/1 Georgia,serif;margin:17px 0;color:#102a50}.hero p{color:#516780;line-height:1.7;max-width:490px;margin:0 auto 27px}.button{display:inline-block;background:#102a50;color:#fff;text-decoration:none;font-size:11px;padding:14px 20px;letter-spacing:.06em}.section{max-width:1180px;margin:auto;padding:78px 28px}.section h2{font:400 38px Georgia,serif;margin:13px 0 28px}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.brand{min-height:260px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none}.brand b{font-size:28px;font-weight:500}.brand p{font-size:13px;line-height:1.5;max-width:190px}.brand.spes{background:#edf1eb;color:#202725}.brand.ooo{background:#222922;color:#d6eb00}.brand.jm{background:#1d1f23;color:#fff}.pale{max-width:none;background:#f1f4f7;text-align:center}.pale>*{max-width:1124px;margin-left:auto;margin-right:auto}.partner-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.partner{min-height:76px;display:grid;place-items:center;background:#fff;padding:10px}.partner img{max-width:100%;max-height:58px;object-fit:contain}.about{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.campaign{height:285px;background:linear-gradient(145deg,#dbe5ef,#bdcbda 56%,#eee9e1)}.about p,.contact p{color:#5d718b;line-height:1.7}.contact{text-align:center}.zalo{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:5;display:grid;gap:8px}.zalo a{background:#fff;color:#1266d8;text-decoration:none;border:1px solid #d5e1ef;box-shadow:0 6px 18px #102a5030;border-radius:12px;padding:9px 13px;text-align:center;font-size:12px}.zalo a:before{content:'Zalo';display:block;font-weight:bold;font-size:13px}footer{background:#102a50;color:#d9e3ef;text-align:center;padding:30px 20px;font-size:12px}@media(max-width:650px){header{height:auto;padding:14px 18px;flex-wrap:wrap}nav{order:3;width:100%;justify-content:space-between;gap:4px}nav a{font-size:11px}.hero{min-height:420px}.section{padding:56px 20px}.brand-grid,.about{grid-template-columns:1fr}.partner-grid{grid-template-columns:repeat(3,1fr)}.zalo{right:9px}.section h2{font-size:33px}}