*{box-sizing:border-box}
:root{--blue:#003b97;--deep:#06145f;--deep2:#001b6b;--gold:#d9a333;--text:#081342;--muted:#111827}
html,body{margin:0;background:#fff;color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.top-panel{height:152px;background:radial-gradient(circle at center,#084ec3 0,#003a96 36%,#06145f 100%);color:#fff;display:grid;grid-template-columns:1fr 220px 1fr;align-items:center;padding:0 64px;position:relative;border-bottom:4px solid var(--gold);box-shadow:0 6px 18px rgba(0,24,92,.22)}
.top-contact{font-size:21px;font-weight:800;display:flex;align-items:center;gap:16px}.top-contact.right{justify-self:end}.icon{font-size:30px;line-height:1}.top-logo{width:210px;height:175px;object-fit:contain;justify-self:center;align-self:end;margin-bottom:-20px;z-index:2}
.page{max-width:1220px;margin:0 auto;padding:28px 28px 24px}.hero{text-align:center;padding-top:0}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,5.2vw,66px);line-height:1.05;letter-spacing:2px;margin:0;text-transform:uppercase;color:#071b68;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.03)}
.gold-divider{height:24px;width:min(420px,70%);margin:16px auto 10px;position:relative}.gold-divider:before,.gold-divider:after{content:'';position:absolute;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--gold));width:46%;}.gold-divider:before{right:52%}.gold-divider:after{left:52%;transform:scaleX(-1)}.gold-divider span:before{content:'◇';position:absolute;left:50%;top:1px;transform:translateX(-50%);color:var(--gold);font-size:20px}.subtitle{font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:1.38;margin:0 0 26px;color:#050914}.subtitle strong{color:#002d99;font-size:23px}
.country-title{display:flex;justify-content:center;align-items:center;gap:14px;margin:0 auto 20px;color:#003b97}.country-title .line{height:2px;width:150px;background:#003b97}.country-title h2{font-size:28px;letter-spacing:.5px;margin:0;font-weight:900}.globe{font-size:36px;font-weight:bold}
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px 16px;max-width:1050px;margin:0 auto 18px}.card{height:96px;border:1px solid #e1e7f0;border-radius:8px;background:rgba(255,255,255,.96);box-shadow:0 3px 9px rgba(0,26,92,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 8px 7px}.flag{width:142px;height:56px;max-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:82px;line-height:.72;background:#fff}.name{font-size:14px;font-weight:900;color:#071344;margin-top:5px;text-align:center;line-height:1.05;min-height:18px;display:flex;align-items:center;justify-content:center}
.footer-panel{min-height:188px;background:radial-gradient(circle at center,#064cbf 0,#003b97 38%,#06145f 100%);border-top:4px solid var(--gold);display:grid;grid-template-columns:1.1fr 1.2fr 1.2fr;align-items:center;gap:18px;padding:12px 80px 22px;color:#fff}.footer-brand{text-align:center;color:#f5c75b;font-weight:900;letter-spacing:.6px}.footer-brand img{width:190px;height:126px;object-fit:contain;display:block;margin:0 auto -6px}.footer-contacts{border-left:2px solid rgba(255,210,88,.9);border-right:2px solid rgba(255,210,88,.9);padding:8px 54px;display:flex;flex-direction:column;gap:16px;font-size:20px;font-weight:800}.footer-contacts div{display:flex;gap:14px;align-items:center}.footer-contacts small{display:block;text-align:center;margin-top:10px;font-family:Georgia,'Times New Roman',serif;font-size:15px;font-weight:400}.footer-slogan{text-align:center}.footer-slogan p{font-family:'Brush Script MT','Segoe Script',cursive;font-size:28px;line-height:1.12;margin:0;color:#fff;font-style:italic;transform:rotate(-6deg)}.footer-slogan svg{width:260px;max-width:90%;margin-top:4px}
@media(max-width:980px){.top-panel{grid-template-columns:1fr;padding:14px 20px;height:auto;gap:8px}.top-contact,.top-contact.right{justify-self:center;font-size:17px}.top-logo{order:-1;margin:0;width:170px;height:135px}.grid{grid-template-columns:repeat(3,1fr)}.footer-panel{grid-template-columns:1fr;padding:22px}.footer-contacts{border:0;border-top:2px solid rgba(255,210,88,.7);border-bottom:2px solid rgba(255,210,88,.7);padding:20px 0;align-items:center}.country-title .line{width:70px}.country-title h2{font-size:24px}}
@media(max-width:560px){.page{padding:22px 12px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.flag{width:120px}.hero h1{font-size:34px}.subtitle{font-size:17px}.country-title{gap:8px}.country-title .line{display:none}.footer-slogan p{font-size:24px}}
