:root{--bg:#f5f7fa;--bg2:#ffffff;--navy:#001d48;--blue:#0055a4;--blue2:#003d7a;--accent:#0055a4;--accent2:#003d7a;--light-blue:#00a8e8;--light-blue2:#0090c9;--text:#1a2a3a;--muted:#5a6f85;--line:#d6e0eb;--shadow:0 8px 24px rgba(0,29,72,.08);--font-head:'Fira Sans','Segoe UI',Tahoma,Arial,sans-serif;--font-body:'Archivo','Segoe UI',Tahoma,Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.7}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent2)}ul{list-style:none}
.topbar{background:var(--blue2);color:#d0dbe8;font-size:.85rem;padding:8px 0}
.topbar-in{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.topbar a{color:#fff;margin-inline-start:4px;font-weight:600}
.topbar a:hover{color:var(--light-blue)}
.tb-social{margin-inline-start:auto;display:flex;gap:14px}
.tb-social a{font-size:1.05rem;margin-inline-start:0}
.lang-switcher{position:relative}
.lang-btn{all:unset;display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:#fff;color:var(--navy);border:1px solid var(--line);border-radius:6px;padding:5px 11px;font-family:var(--font-body);font-weight:600;font-size:.85rem}
.lang-btn:hover{border-color:var(--accent)}
.lang-btn .flag{width:20px;height:14px;border-radius:2px;object-fit:cover;display:block}
.lang-caret{font-size:.65rem;opacity:.7;margin-inline-start:2px}
.lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:178px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:6px;display:none;z-index:950}
html[dir=rtl] .lang-menu{right:auto;left:0}
.lang-menu.open{display:block}
.lang-menu li{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:7px;cursor:pointer;color:var(--muted);font-weight:600;font-size:.9rem}
.lang-menu li:hover,.lang-menu li[aria-selected="true"]{color:var(--navy);background:var(--bg2)}
.lang-menu li[aria-selected="true"]::after{content:"\2713";margin-inline-start:auto;font-weight:700;color:var(--accent)}
.lang-menu li .flag{width:20px;height:14px;border-radius:2px;object-fit:cover;display:block}
header.site{background:var(--bg2);border-bottom:1px solid var(--line);box-shadow:0 1px 8px rgba(0,29,72,.06);padding:14px 24px;position:sticky;top:0;z-index:800;display:grid;grid-template-areas:"brand nav lang";grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
header.site .brand{grid-area:brand;justify-self:start;margin:0}
header.site nav.main{grid-area:nav;justify-self:center}
header.site .lang-switcher{grid-area:lang;justify-self:end;margin:0}
header.site .brand,.brand{font-family:var(--font-head);font-size:1.35rem;font-weight:800;letter-spacing:.5px;color:var(--navy)}
.brand{display:inline-flex;align-items:center;gap:10px}
.brand-logo{height:42px;width:auto;display:inline-block}
.brand span{color:var(--accent)}
nav.main > ul{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
nav.main li a{display:block;color:var(--muted);font-weight:600;padding:10px 16px;border-radius:8px;font-size:.98rem;position:relative;transition:color .2s ease,background .2s ease}
nav.main li a::after{content:"";position:absolute;bottom:6px;left:50%;width:0;height:2px;background:var(--light-blue);transition:width .3s ease,left .3s ease;border-radius:2px}
nav.main li a:hover{color:var(--navy);background:var(--bg)}
nav.main li a:hover::after{width:70%;left:15%}
nav.main li.active a{color:var(--accent);font-weight:700}
nav.main li.active a::after{width:70%;left:15%;background:var(--accent)}
nav.main .has-sub{position:relative}
nav.main .has-sub > a::after{content:"";display:inline-block;width:8px;height:8px;margin-inline-start:6px;vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6f85' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-size:contain;transition:transform .3s ease}
nav.main .has-sub:hover > a::after,.nav.main .has-sub.open > a::after{transform:rotate(180deg);filter:drop-shadow(0 2px 4px rgba(0,29,72,.2))}
nav.main .submenu{position:absolute;top:calc(100% + 8px);left:0;min-width:280px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--light-blue);border-radius:12px;box-shadow:0 20px 40px rgba(0,29,72,.15);padding:12px;display:none;z-index:900;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;visibility:hidden}
html[dir=rtl] nav.main .submenu{left:auto;right:0}
nav.main .has-sub:hover > .submenu,nav.main .has-sub:focus-within > .submenu,nav.main .has-sub.open > .submenu{display:block;opacity:1;transform:translateY(0);visibility:visible}
nav.main .submenu li{margin:0}
nav.main .submenu a{color:var(--muted);font-size:.92rem;white-space:nowrap;padding:10px 14px;border-radius:8px;transition:all .2s ease}
nav.main .submenu a::after{display:none}
nav.main .submenu a:hover{color:var(--navy);background:linear-gradient(90deg,rgba(0,168,232,.1),transparent);padding-inline-start:20px}
nav.main .submenu .has-sub{position:relative}
nav.main .submenu .submenu{top:0;left:100%;margin-inline-start:8px;top:-12px;border-top-color:var(--light-blue)}
html[dir=rtl] nav.main .submenu .submenu{left:auto;right:100%;margin-inline-start:0;margin-inline-end:8px}
nav.main .submenu .has-sub > a::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6f85' stroke-width='2'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");background-size:contain}
html[dir=rtl] nav.main .submenu .has-sub > a::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6f85' stroke-width='2'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E")}
.hero{background:linear-gradient(160deg,rgba(0,29,72,.45),rgba(0,29,72,.75)),url('../img/test01.jpg') center/cover no-repeat;text-align:center;padding:104px 24px;color:#fff}
.hero h1{font-family:var(--font-head);font-size:2.6rem;font-weight:800;margin-bottom:14px;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.hero p{max-width:760px;margin:0 auto 26px;color:rgba(255,255,255,.93);text-shadow:0 1px 8px rgba(0,0,0,.4)}
.hero .btn{background:var(--light-blue);color:var(--navy)}
.hero .btn:hover{color:#fff}
.hero.small{padding:66px 24px}
.breadcrumb{max-width:760px;margin:0 auto;color:rgba(255,255,255,.85);font-size:.95rem}
.breadcrumb a{color:var(--light-blue);text-decoration:underline}
.features-bar{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 24px}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1170px;margin:0 auto}
.feature-card{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:28px 20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,29,72,.12);border-color:var(--light-blue)}
.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--light-blue),var(--accent));color:#fff;margin-bottom:16px;transition:transform .3s ease,box-shadow .3s ease}
.feature-card:hover .feature-icon{transform:scale(1.1);box-shadow:0 8px 20px rgba(0,168,232,.4)}
.feature-card h3{font-family:var(--font-head);color:var(--navy);margin-bottom:10px;font-size:1.15rem}
.feature-card p{color:var(--muted);font-size:.9rem;line-height:1.6}
@media(max-width:992px){.features-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:576px){.features-grid{grid-template-columns:1fr}}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:13px 30px;border-radius:7px;font-weight:700;font-family:var(--font-head);letter-spacing:.4px;box-shadow:0 6px 16px rgba(0,85,164,.25);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn:hover{background-image:linear-gradient(120deg,var(--light-blue),var(--light-blue2) 30%,var(--navy) 70%,var(--blue2));color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,85,164,.3)}
section{padding:64px 24px}
.wrap{max-width:1170px;margin:0 auto}
h2{font-family:var(--font-head);color:var(--navy);margin-bottom:14px;font-size:1.9rem;text-align:center}
h2::after{content:"";display:block;width:56px;height:4px;margin:12px auto 0;border-radius:2px;background:linear-gradient(90deg,var(--light-blue),var(--navy))}
.sub{text-align:center;color:var(--muted);max-width:720px;margin:0 auto 30px}
.mission,.card{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:24px;box-shadow:var(--shadow)}
.mission{border-left:5px solid var(--light-blue);background:linear-gradient(135deg,var(--navy),var(--blue2));color:#fff;padding:28px}
.mission h3{color:var(--light-blue);margin-bottom:8px;font-size:1.2rem}
.mission p,.mission .contact-list{color:#e8f0f8}
.mission .contact-list b{color:var(--light-blue)}
.mission .contact-list li{padding:4px 0}
.card{border-top:4px solid var(--light-blue);transition:transform .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,85,164,.12)}
.feature-image{min-height:280px;height:100%}
.feature-image .feature-overlay{opacity:0;transform:translateY(100%);transition:opacity .4s ease,transform .4s ease}
.feature-image:hover .feature-overlay{opacity:1;transform:translateY(0)}
.feature-image img{transition:transform .4s ease}
.feature-image:hover img{transform:translateY(-100%)}
.card h3{color:var(--navy);margin-bottom:8px;font-size:1.12rem;font-family:var(--font-head)}
.card p,.mission p{color:var(--muted);font-size:.96rem}
.mission p{color:#e8f0f8}
.grid{display:grid;gap:20px;margin-top:26px}.c2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.c3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.c4{grid-template-columns:repeat(auto-fit,minmax(225px,1fr))}
.grid figure{display:flex;flex-direction:column}
.grid img{height:210px;object-fit:cover;width:100%}
.grid figcaption{padding:13px 15px;color:var(--navy);font-weight:600;font-size:.95rem}
.stats{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;text-align:center;margin-top:26px}
.stat{position:relative;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:30px 24px;min-width:210px;box-shadow:var(--shadow)}
.stat::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:54px;height:4px;border-radius:0 0 4px 4px;background:var(--light-blue)}
.stat b{color:var(--accent);font-size:2rem;display:block;font-family:var(--font-head)}
.stat span{color:var(--muted);font-size:.92rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid .full{grid-column:1/-1}
.form-grid input,.form-grid textarea{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--text);font:inherit}
.form-grid input:focus,.form-grid textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,168,232,.35)}
button.submit{background:var(--accent);color:#fff;border:0;padding:13px 32px;border-radius:7px;font-weight:700;font-size:1rem;cursor:pointer;font-family:var(--font-head)}
button.submit:hover{background:var(--accent2);background-image:linear-gradient(120deg,var(--light-blue),var(--light-blue2) 30%,var(--navy) 70%,var(--blue2));color:#fff}
.contact-list{list-style:none;margin-top:14px}
.contact-list li{padding:7px 0;color:var(--muted)}
.contact-list b{color:var(--navy)}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:26px}
.gallery figure{background:var(--bg2);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}
.gallery figure:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,85,164,.12)}
.gallery img{height:210px;object-fit:cover;width:100%;transition:transform .4s ease}
.gallery figure:hover img{transform:scale(1.05)}
.gallery figcaption{padding:13px 15px;color:var(--navy);font-weight:600;font-size:.95rem}
footer.site{background:linear-gradient(180deg,var(--navy),var(--blue2));color:#d0dbe8;padding:50px 24px 24px}
footer.site h4{font-family:var(--font-head);color:var(--light-blue);margin-bottom:14px;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
.foot-grid a{color:#a8c4dc}
.foot-grid a:hover{color:var(--light-blue)}
.foot-grid ul li{margin:6px 0}
.foot-grid .contact-list b{color:var(--light-blue)}
.social a{color:var(--light-blue);font-size:1.5rem;margin-right:14px;transition:color .2s ease,transform .2s ease;display:inline-block}
.social a:hover{color:#fff;transform:translateY(-2px)}
footer.site .form-grid input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
footer.site .form-grid input::placeholder{color:#a8c4dc}
footer.site .form-grid input:focus{border-color:var(--light-blue);box-shadow:0 0 0 3px rgba(0,168,232,.25)}
.copyright{text-align:center;color:#9ab0c8;margin-top:30px;padding-top:18px;border-top:1px solid rgba(0,168,232,.22);font-size:.85rem}
[data-reveal]{opacity:1;transform:none}
@media(max-width:768px){.hero h1{font-size:1.8rem}.brand{font-size:1.12rem}header.site{grid-template-areas:"brand lang" "nav nav";grid-template-columns:1fr auto;gap:10px;padding:10px 16px}nav.main{width:100%}nav.main > ul{justify-content:center}nav.main .has-sub{position:static}nav.main .submenu,nav.main .submenu .submenu{position:static;left:auto;right:auto;top:auto;margin:0;min-width:0;width:100%;border-left-width:0;box-shadow:none;border-radius:8px}nav.main .submenu a{white-space:normal}nav.main .submenu .submenu a{padding-inline-start:32px}.tb-social{display:none}.topbar-in{justify-content:space-between;gap:10px}}
/* ===== News slider ===== */
.news-slider{max-width:780px;margin:0 auto;position:relative;overflow:hidden;border-radius:12px}
.news-track{display:flex;gap:14px;transition:transform .55s cubic-bezier(.45,0,.2,1)}
.card.news-slide{flex:0 0 78%;width:78%;min-width:0;box-sizing:border-box;padding:0;overflow:hidden;border-top:none;opacity:.45;transition:transform .55s cubic-bezier(.45,0,.2,1),opacity .5s ease}
.card.news-slide.active{opacity:1;transform:scale(1)}
.card.news-slide > img{width:100%;height:250px;object-fit:cover;display:block}
.card.news-slide > div{padding:18px 22px 22px}
.news-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}
.news-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:1.3rem;line-height:1;cursor:pointer;box-shadow:var(--shadow);transition:background .2s ease,color .2s ease}
.news-btn:hover{background:var(--light-blue);color:#fff;border-color:var(--light-blue)}
.news-dots{display:flex;gap:8px}
.news-dot{width:9px;height:9px;border-radius:50%;border:none;background:var(--line);cursor:pointer;padding:0;transition:background .2s ease,transform .2s ease}
.news-dot:hover{background:var(--light-blue)}
.news-dot.active{background:var(--light-blue);transform:scale(1.3)}
@media(max-width:600px){.card.news-slide{flex-basis:84%;width:84%}.card.news-slide > img{height:175px}.card.news-slide > div{padding:14px 16px 16px}}