:root{--blue:#4D68EF;--blue-dark:#3a52d4;--blue-light:#EEF1FD;--text:#1a1a2e;--text-sec:#5a6880;--text-light:#94a3b8;--border:#e8ecf2;--bg:#fff;--bg2:#f7f9fc}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--text);font-family:'Inter',sans-serif;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
/* UTIL BAR */
.util-bar{background:var(--blue);padding:7px 0}
.util-in{max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}
.util-links{display:flex;gap:1.8rem}
.util-links a{color:rgba(255,255,255,.75);font-size:.72rem;transition:color .2s}
.util-links a:hover{color:#fff}
.util-right{display:flex;align-items:center;gap:1.4rem}
.util-phone{color:#fff;font-weight:700;font-size:.72rem}
.lang-sw{display:flex;gap:4px}
.lang-btn{background:none;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.8);padding:1px 8px;font-size:.65rem;font-weight:700;cursor:pointer;letter-spacing:.08em;transition:all .2s}
.lang-btn.act,.lang-btn:hover{background:#fff;color:var(--blue);border-color:#fff}
/* HEADER */
header{position:sticky;top:0;z-index:200;background:#fff;border-bottom:1px solid var(--border);transition:box-shadow .25s}
header.scrolled{box-shadow:0 2px 16px rgba(0,0,0,.08)}
.hdr{max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:68px}
.hdr-logo img{height:38px;width:auto}
nav{display:flex;align-items:center}
.ni{position:relative}
.nl{display:flex;align-items:center;gap:5px;color:var(--text);font-size:.8rem;font-weight:500;padding:8px 14px;white-space:nowrap;transition:color .2s}
.nl:hover,.nl.active{color:var(--blue)}
.nl .chev{width:10px;height:10px;opacity:.45;transition:transform .2s}
.ni:hover .chev{transform:rotate(180deg)}
.drop{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:230px;border:1px solid var(--border);box-shadow:0 12px 40px rgba(0,0,0,.1);z-index:300;border-top:2px solid var(--blue)}
.ni:hover .drop{display:block}
.drop a{display:block;padding:10px 20px;font-size:.78rem;color:var(--text-sec);border-bottom:1px solid var(--border);transition:all .15s}
.drop a:last-child{border:none}
.drop a:hover{color:var(--blue);background:var(--blue-light);padding-left:26px}
.hdr-r{display:flex;align-items:center;gap:8px}
.btn-eshop{background:var(--blue);color:#fff;padding:9px 20px;font-size:.77rem;font-weight:700;border-radius:2px;transition:background .2s}
.btn-eshop:hover{background:var(--blue-dark)}
.btn-srch{width:36px;height:36px;border:1px solid var(--border);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-sec);transition:all .2s;border-radius:2px}
.btn-srch:hover{border-color:var(--blue);color:var(--blue)}
/* TICKER */
.ticker{background:var(--blue-light);border-bottom:1px solid var(--border);padding:8px 0;overflow:hidden}
.ticker-track{display:flex;gap:3rem;animation:tick 35s linear infinite;white-space:nowrap}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ti{font-size:.7rem;font-weight:600;color:var(--blue);display:flex;align-items:center;gap:8px;flex-shrink:0;letter-spacing:.04em}
.ti::before{content:'◆';font-size:.3rem}
/* PAGE HERO */
.page-hero{background:var(--blue);padding:3.5rem 0;position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;right:-60px;top:-60px;width:420px;height:420px;background:rgba(255,255,255,.04);border-radius:50%}
.page-hero-in{max-width:1280px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}
.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.7rem;color:rgba(255,255,255,.55);margin-bottom:.7rem;flex-wrap:wrap}
.breadcrumb a{color:rgba(255,255,255,.55);transition:color .2s}
.breadcrumb a:hover{color:#fff}
.breadcrumb span{color:rgba(255,255,255,.3)}
.page-hero h1{font-family:'Montserrat',sans-serif;font-size:clamp(1.6rem,3.5vw,2.6rem);font-weight:800;color:#fff;line-height:1.2}
.page-hero p{color:rgba(255,255,255,.72);font-size:.9rem;margin-top:.6rem;max-width:520px}
/* LAYOUT */
.container{max-width:1280px;margin:0 auto;padding:0 2rem}
section{padding:4.5rem 0}
.sec-label{font-size:.64rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin-bottom:.6rem;display:flex;align-items:center;gap:8px}
.sec-label::before{content:'';width:18px;height:2px;background:var(--blue)}
h2,.sec-title{font-family:'Montserrat',sans-serif;font-size:clamp(1.45rem,2.8vw,2rem);font-weight:800;line-height:1.2;color:var(--text)}
h2 span,.sec-title span{color:var(--blue)}
h3{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:700;color:var(--text)}
.sec-desc{color:var(--text-sec);font-size:.88rem;margin-top:.6rem;max-width:540px;line-height:1.75}
.view-all{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:.77rem;font-weight:700;transition:gap .2s}
.view-all:hover{gap:10px}
.view-all::after{content:'→'}
/* BUTTONS */
.btn-blue{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;padding:12px 26px;font-size:.8rem;font-weight:700;border-radius:2px;transition:background .2s;font-family:'Inter',sans-serif;border:none;cursor:pointer}
.btn-blue:hover{background:var(--blue-dark)}
.btn-outline{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--blue);color:var(--blue);padding:11px 24px;font-size:.8rem;font-weight:700;border-radius:2px;transition:all .2s;font-family:'Inter',sans-serif;background:none;cursor:pointer}
.btn-outline:hover{background:var(--blue-light)}
.btn-white{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--blue);padding:12px 26px;font-size:.8rem;font-weight:700;border-radius:2px;transition:all .2s}
.btn-white:hover{background:var(--blue-light)}
/* CARDS */
.card{background:#fff;border-radius:4px;padding:1.6rem;border:1px solid var(--border);transition:all .2s}
.card:hover{box-shadow:0 6px 24px rgba(77,104,239,.08);border-color:var(--blue)}
.card-grid{display:grid;gap:1.2rem}
.card-grid-2{grid-template-columns:repeat(2,1fr)}
.card-grid-3{grid-template-columns:repeat(3,1fr)}
.card-grid-4{grid-template-columns:repeat(4,1fr)}
/* NEWS CARD */
.nc{display:grid;grid-template-columns:80px 1fr;gap:12px;padding:14px;border-radius:4px;border:1px solid var(--border);transition:all .2s;background:#fff;cursor:pointer}
.nc:hover{border-color:var(--blue);background:var(--blue-light)}
.nc-th{width:80px;height:62px;background:var(--bg2);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}
.nc-cat{font-size:.58rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.1em;margin-bottom:3px}
.nc-tit{font-size:.8rem;font-weight:600;line-height:1.4;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nc-dt{font-size:.63rem;color:var(--text-light);margin-top:4px}
/* NEWS LIST */
.nl-items{background:var(--border);display:grid;gap:1px}
.nl-item{display:grid;grid-template-columns:1fr auto;align-items:start;gap:2rem;background:#fff;padding:1.4rem 1.8rem;transition:background .2s;cursor:pointer}
.nl-item:hover{background:var(--blue-light)}
.nl-date{font-size:.68rem;color:var(--text-light);white-space:nowrap;padding-top:3px}
.nl-cat{display:inline-block;font-size:.57rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:.35rem}
.nl-title{font-size:.91rem;font-weight:600;color:var(--text);line-height:1.45}
.nl-sub{font-size:.78rem;color:var(--text-sec);margin-top:.3rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* FORM */
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fg{display:flex;flex-direction:column;gap:4px}
.fg label{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-sec)}
.fg input,.fg textarea,.fg select{border:1.5px solid var(--border);background:var(--bg2);padding:10px 13px;font-family:'Inter',sans-serif;font-size:.82rem;color:var(--text);outline:none;border-radius:2px;transition:border-color .2s;width:100%}
.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--blue);background:#fff}
.fg textarea{height:110px;resize:none}
/* TABLE */
table{width:100%;border-collapse:collapse;font-size:.83rem}
th{background:var(--blue-light);color:var(--blue);font-weight:700;padding:11px 14px;text-align:left;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text-sec)}
tr:hover td{background:var(--bg2)}
/* BADGES */
.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.65rem;font-weight:700;letter-spacing:.05em}
.badge-blue{background:var(--blue-light);color:var(--blue)}
.badge-green{background:#e8f8f0;color:#16a34a}
/* SECTOR CARD */
.sc-card{background:#fff;border-radius:4px;padding:1.8rem 1.5rem;border:1px solid var(--border);transition:all .25s;display:block;position:relative;overflow:hidden}
.sc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.sc-card:hover{box-shadow:0 8px 32px rgba(77,104,239,.1);transform:translateY(-2px);border-color:var(--blue)}
.sc-card:hover::before{transform:scaleX(1)}
/* SPLIT */
.split{display:grid;grid-template-columns:1fr 1fr;min-height:460px}
.split-img{position:relative;overflow:hidden;min-height:360px}
.img-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.split-body{padding:4rem 3.5rem;display:flex;flex-direction:column;justify-content:center}
.split-body p{color:var(--text-sec);font-size:.9rem;line-height:1.85;margin-bottom:.9rem}
.bg-gray{background:var(--bg2)}
.bg-blue{background:var(--blue)}
.bg-blue .sec-label,.bg-blue .sec-label::before{color:rgba(255,255,255,.6);background:rgba(255,255,255,.45)}
.bg-blue h2,.bg-blue .sec-title{color:#fff}
.bg-blue p{color:rgba(255,255,255,.75)!important}
/* STATS */
.stats-bar{background:#fff;border-bottom:1px solid var(--border)}
.stats-in{max-width:1280px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(6,1fr)}
.stat-cell{padding:1.8rem 1rem;text-align:center;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:4px}
.stat-cell:last-child{border-right:none}
.stat-num{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:var(--blue);line-height:1}
.stat-lbl{font-size:.65rem;color:var(--text-light);font-weight:500;line-height:1.4}
/* CHAT */
.chat-w{position:fixed;bottom:1.5rem;right:1.5rem;z-index:500}
.chat-tog{width:52px;height:52px;border-radius:50%;background:var(--blue);border:none;color:#fff;cursor:pointer;box-shadow:0 4px 20px rgba(77,104,239,.4);transition:transform .2s;display:flex;align-items:center;justify-content:center;margin-left:auto}
.chat-tog:hover{transform:scale(1.08)}
.chat-pan{display:none;flex-direction:column;width:320px;background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.14);margin-bottom:10px}
.chat-pan.open{display:flex}
.chat-h{background:var(--blue);padding:14px 16px;display:flex;align-items:center;gap:10px}
.chat-av{width:34px;height:34px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}
.chat-nm{font-size:.82rem;font-weight:700;color:#fff}
.chat-st{font-size:.62rem;color:rgba(255,255,255,.65);display:flex;align-items:center;gap:4px}
.chat-st::before{content:'';width:5px;height:5px;background:#4ade80;border-radius:50%}
.chat-msgs{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:7px;min-height:140px;max-height:260px}
.msg{padding:8px 12px;border-radius:8px;font-size:.77rem;line-height:1.5;max-width:88%}
.msg.bot{background:var(--bg2);color:var(--text);align-self:flex-start}
.msg.user{background:var(--blue);color:#fff;align-self:flex-end}
.chat-inp-row{display:flex;border-top:1px solid var(--border)}
.chat-inp{flex:1;border:none;padding:11px 14px;font-family:'Inter',sans-serif;font-size:.78rem;outline:none;color:var(--text)}
.chat-snd{background:var(--blue);border:none;padding:0 14px;color:#fff;cursor:pointer;transition:background .2s}
.chat-snd:hover{background:var(--blue-dark)}
/* SEARCH OVERLAY */
.srch-ov{position:fixed;inset:0;background:rgba(8,12,28,.93);z-index:1000;display:none;align-items:flex-start;justify-content:center;padding-top:10vh;backdrop-filter:blur(8px)}
.srch-ov.open{display:flex}
.srch-b{width:100%;max-width:580px;padding:0 2rem}
.srch-row{display:flex;align-items:center;gap:12px;background:#fff;border-radius:4px;padding:14px 18px}
.s-ico{color:var(--blue)}
.s-inp{flex:1;border:none;font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:600;color:var(--text);outline:none}
.s-cls{background:none;border:none;color:var(--text-sec);cursor:pointer;font-size:1rem;transition:color .2s}
.s-cls:hover{color:var(--blue)}
.srch-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:1rem}
.stag{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.58);padding:5px 12px;border-radius:20px;font-size:.72rem;cursor:pointer;transition:all .2s}
.stag:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.srch-hint{font-size:.64rem;color:rgba(255,255,255,.22);margin-top:.6rem;letter-spacing:.08em}
/* FOOTER */
footer{background:#1a2540;color:rgba(255,255,255,.6)}
.ft-main{padding:3.5rem 0 2rem}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:3rem}
.ft-logo img{height:28px;filter:brightness(0) invert(1);margin-bottom:1rem}
.ft-desc{font-size:.76rem;line-height:1.8;max-width:240px;margin-bottom:1.2rem}
.ft-soc{display:flex;gap:6px}
.ft-sb{width:32px;height:32px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:2px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:.78rem;transition:all .2s}
.ft-sb:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.ft-col h4{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#fff;margin-bottom:1rem}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.ft-col ul li a{font-size:.76rem;color:rgba(255,255,255,.46);transition:color .2s}
.ft-col ul li a:hover{color:#fff}
.ft-ci{display:flex;gap:8px;font-size:.75rem;color:rgba(255,255,255,.43);margin-bottom:.6rem;line-height:1.55}
.ft-ci strong{color:rgba(255,255,255,.68);min-width:20px}
.ft-bottom{border-top:1px solid rgba(255,255,255,.07);padding:1.2rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem}
.ft-copy{font-size:.68rem;color:rgba(255,255,255,.28)}
.ft-links{display:flex;gap:1.4rem}
.ft-links a{font-size:.68rem;color:rgba(255,255,255,.28);transition:color .2s}
.ft-links a:hover{color:#fff}
/* DIVIDER */
.divider{height:1px;background:var(--border);margin:2rem 0}
/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.fu{animation:fadeUp .6s ease both}
.fu1{animation-delay:.05s}.fu2{animation-delay:.15s}.fu3{animation-delay:.25s}
/* RESPONSIVE */
@media(max-width:1020px){
  .split{grid-template-columns:1fr}
  .split-img{min-height:280px}
  .stats-in{grid-template-columns:repeat(3,1fr)}
  .ft-grid{grid-template-columns:1fr 1fr}
  .card-grid-3{grid-template-columns:repeat(2,1fr)}
  .card-grid-4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  nav,.util-links{display:none}
  .stats-in{grid-template-columns:repeat(2,1fr)}
  .split-body{padding:2.5rem 1.5rem}
  .ft-grid{grid-template-columns:1fr}
  .f-row{grid-template-columns:1fr}
}
@media(max-width:500px){
  .stats-in{grid-template-columns:repeat(2,1fr)}
  .card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}
}