*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:#1a2a3a;background:#fff;line-height:1.7;overflow-x:hidden;font-size:17px}
h1,h2,h3,h4,h5{font-family:'Inter',sans-serif;font-weight:700;line-height:1.08;letter-spacing:-.028em}
a{text-decoration:none;color:inherit}
ul{list-style:none}

:root{
    --primary:#2E74B5;--primary-2:#1F5E94;--primary-3:#164672;
    --deep:#0E2E52;
    --blue:#4499D4;--blue-light:#7CBDEB;--blue-pale:#E6F2FB;--blue-mist:#F3F8FD;
    --teal:#14B8A6;--teal-light:#2DD4BF;--teal-pale:#E0FAF5;
    --rose:#F43F5E;--rose-light:#FB7185;--rose-pale:#FFE4EA;
    --deepblue:#1F5E94;--deepblue-light:#2E74B5;--deepblue-pale:#DCE9F4;
    --sky:#4499D4;--sky-light:#7CBDEB;--sky-pale:#E1EFF8;
    --purple:#7C3AED;--purple-light:#8B5CF6;--purple-pale:#EBE2FE;
    --amber:#F59E0B;--amber-dark:#D97706;
    --text:#152338;--text-body:#3d5068;--text-mute:#64748b;--text-faint:#94a3b8;
    --line:#E2E8F0;--bg:#F8FAFC;--bg-2:#F1F5F9;--white:#fff;
    --shadow-1:0 1px 3px rgba(22,70,114,.04),0 4px 12px rgba(22,70,114,.04);
    --shadow-2:0 12px 40px rgba(22,70,114,.10);
    --shadow-3:0 28px 72px rgba(22,70,114,.16);
    --radius:24px;
    --accent:var(--primary);--accent-2:var(--primary-2);--accent-pale:var(--blue-pale);
}

/* ===== NAV DROPDOWN ===== */
.nav-dd{position:relative}
.dd-toggle{display:inline-flex;align-items:center;gap:4px;background:none;border:none;font:inherit;color:inherit;cursor:pointer;padding:0;margin:0;font-size:15px;font-weight:500;}
.dd-toggle svg{width:11px;height:11px;transition:transform .25s}
.nav-dd.open .dd-toggle svg{transform:rotate(180deg)}
.dd-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(8px);background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;min-width:220px;box-shadow:var(--shadow-2);opacity:0;visibility:hidden;transition:all .25s ease;z-index:100}
.nav-dd.open .dd-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav-dd .dd-menu a{display:block;padding:11px 16px;border-radius:8px;font-size:14px;color:var(--text-body);white-space:nowrap}
.nav-dd .dd-menu a:hover{background:var(--blue-pale);color:var(--primary)}
.nav-dd .dd-menu a::after{display:none}

/* Scroll Progress */
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--blue),var(--amber));z-index:10000;transition:width .1s ease}

.hdr{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);box-shadow:0 1px 12px rgba(22,70,114,.06)}
.hdr-top{background:var(--deep);padding:8px 0}
.hdr-top-inner{max-width:1400px;margin:0 auto;padding:0 48px;display:flex;justify-content:space-between;align-items:center}
.hdr-top-info{display:flex;gap:28px}
.hdr-top-info a{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.6);font-size:13px;transition:color .2s}
.hdr-top-info a:hover{color:#fff}
.hdr-top-info svg{width:14px;height:14px}
.lang-sw{display:flex;gap:4px}
.lang-sw button{background:none;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.5);font-size:11px;font-weight:600;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .2s}
.lang-sw button:hover,.lang-sw button.active{background:rgba(68,153,212,.2);border-color:var(--blue);color:#fff}
.hdr-main{max-width:1400px;margin:0 auto;padding:5px 48px;display:flex;align-items:center;justify-content:space-between}
.hdr-logo{font-size:26px;font-weight:700;color:var(--primary);letter-spacing:-.03em}
.hdr-logo span{color:var(--blue)}
.hdr-logo img{display:block;}
.hdr-menu{display:flex;gap:34px; align-items:center;}
.hdr-menu>a,.hdr-menu .dd-toggle{font-size:15px;font-weight:500;color:var(--text-body);position:relative;transition:color .2s}
.hdr-menu>a:hover,.hdr-menu .dd-toggle:hover{color:var(--blue)}
.hdr-menu>a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--blue);transition:width .3s}
.hdr-menu>a:hover::after{width:100%}
.hdr-cta{padding:12px 28px;background:var(--amber);color:#fff;font-size:14px;font-weight:600;border-radius:60px;transition:all .3s}
.hdr-cta:hover{background:var(--amber-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,158,11,.35)}
.hdr-menu .dd-toggle{border:none; background:transparent; padding:0; line-height:1.7; display:flex; align-items:center; gap:4px;}

/* Header Social Dropdown */
.header-social{display:flex; gap:30px;}
.header-social-wrap{display:inline-flex}
.header-social-wrap .social-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1.5px solid rgba(46,116,181,.45);border-radius:50%;color:var(--primary);background:rgba(255,255,255,.06);transition:all .3s ease;cursor:pointer}
.header-social-wrap .social-toggle:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.04)}
.header-social-wrap .social-toggle svg{width:20px;height:20px}
.hdr.scrolled .header-social-wrap .social-toggle{color:var(--primary);border-color:rgba(46,116,181,.45);background:rgba(255,255,255,.6)}
.hdr.scrolled .header-social-wrap .social-toggle:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.social-menu{min-width:240px;padding:10px}
.social-item{display:flex!important;align-items:center;gap:12px;padding:10px 14px!important;border-radius:10px;font-size:14px;color:var(--text-body)!important;transition:all .2s ease;white-space:nowrap}
.social-item:hover{background:var(--blue-pale)!important;color:var(--primary)!important}
.social-item svg{width:18px;height:18px;color:var(--primary);flex-shrink:0}
.social-item:hover svg{color:var(--primary-2)}
.social-item span{font-weight:500}

/* Container */
.container{max-width:1400px;margin:0 auto;padding:0 48px}

/* ===== FOOTER ===== */
.ftr{background:var(--deep);color:#fff;padding:40px 0 0;margin-top:auto}
.ftr-grid{display:grid;grid-template-columns:0.7fr 0.7fr 0.7fr 0.7fr 0.7fr;gap:22px}
.ftr-brand{font-family:'Space Grotesk',sans-serif;font-size:25px;font-weight:700;color:#fff;letter-spacing:-.02em}
.ftr-brand span{color:var(--blue-light)}
.ftr-desc{font-size:13.5px;color:rgba(255,255,255,.55);margin:16px 0 22px;max-width:340px;line-height:1.7}
.ftr-social{display:flex;gap:10px;margin-top:30px;}
.ftr-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);transition:all .3s}
.ftr-social a:hover{background:var(--primary);color:#fff}
.ftr-social svg{width:17px;height:17px}
.ftr-col h5{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-bottom:18px}
.ftr-col a{display:block;font-size:13.5px;color:rgba(255,255,255,.55);margin-bottom:11px;transition:color .2s}
.ftr-col a:hover{color:var(--blue-light)}
.ftr-bottom{margin-top:30px;padding:15px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.ftr-copy{font-size:12.5px;color:rgba(255,255,255,.4)}
.ftr-legal{display:flex;gap:22px}
.ftr-legal a{font-size:12.5px;color:rgba(255,255,255,.4);transition:color .2s}
.ftr-legal a:hover{color:#fff}
@media screen and (max-width:992px){
.ftr-grid{grid-template-columns: repeat(3,1fr);}
}
@media screen and (max-width:768px){
.ftr-grid{grid-template-columns: repeat(2,1fr);}
}

/*page*/
.pagination{display:flex; justify-content:center; margin-top:48px;}
.pagination > li > a,
.pagination > li > span{position:relative; padding:6px 12px; line-height:1.42857143; color:#64748b; text-decoration:none; background-color:#fff; border:1px solid #E2E8F0;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index:1; color:#000; border-color:#7CBDEB;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index:1; color:#fff; cursor:default; border-color:#2E74B5;}
.page-item .page-link,.page-item span{font-size:17px; display:-webkit-box; display:flex; width:46px; height:46px; margin:0 5px; padding:0; border-radius:12px; -webkit-box-align:center; align-items:center; -webkit-box-pack:center; justify-content:center;}
.page-item.active .page-link{z-index:3; color:#fff; background-color:#2E74B5; border-color:#2E74B5; cursor:pointer; transition:all .25s ease;}

.hero-chips{display:grid;grid-template-columns: repeat(5,1fr);gap:14px;margin-top:34px;}
.hero-chip{display:flex;justify-content:center;align-items:center;gap:12px;background:rgba(255,255,255,1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:5px 5px;box-sizing: border-box;}
.hero-chip img{max-width:100%;height:40px;object-fit: contain;}
@media screen and (max-width:992px){
.ftr{padding:40px 0 0;}
.hero-chips{grid-template-columns: repeat(3,1fr);}
}
@media screen and (max-width:768px){
.ftr{padding:20px 0 0;}
.hero-chips{grid-template-columns: repeat(2,1fr);}
}

.captcha{position:absolute; right:0; top:29px;}
.captcha img{border-radius:0 12px 12px 0;}

.errors{margin:10px 0; background:linear-gradient(135deg, #ffc8c7, #feb0ae); border:1px solid #fe7e7c; border-radius:14px;padding: 20px 24px;color: #065F46;font-size: 14.5px;line-height: 1.7;}
#errors{display:none;}
#errors li{list-style:disc; margin-left:10px; color:#a94442;}