/* UkrService theme - dark-navy B2B look, rebuilt from the old Flash site (no Flash). */
:root{
  --navy:#0a1733; --navy2:#0d1f44; --navy3:#12264f; --red:#d41f26;
  --ink:#1b2333; --muted:#5b6b86; --line:#dfe4ec; --panel:#ffffff;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; background:#eef1f6; color:var(--ink);
  font-family:Arial,"Helvetica Neue",system-ui,sans-serif; line-height:1.6;
  display:flex; flex-direction:column; min-height:100%;
}
a{color:#1b4f9c}
.uks-wrap{width:100%; max-width:960px; margin:0 auto; padding:0 16px}

/* Header */
.uks-header{
  background:#121a36;
    linear-gradient(180deg,#0d1f44,#0a1430),
    #0a1430;
  border-bottom:3px solid var(--red);
}
.uks-top{display:flex; align-items:center; gap:18px; padding:10px 16px; max-width:960px; margin:0 auto}
.uks-logo img{height:56px; width:auto; display:block}
.uks-tag{color:#9fb2d6; font-size:13px; letter-spacing:.04em}
.uks-lang{margin-left:auto; display:flex; gap:2px}
.uks-lang a{color:#9fb2d6; text-decoration:none; font-size:13px; font-weight:700; border:1px solid #27406e; padding:4px 9px; border-radius:6px}
.uks-lang a.on{background:#fff; color:#0a1430; border-color:#fff}

/* Nav */
.uks-nav{background:#0a1430}
.uks-nav ul{list-style:none; margin:0 auto; padding:0 8px; max-width:960px; display:flex; flex-wrap:wrap}
.uks-nav a{
  display:block; color:#cdd9f0; text-decoration:none; text-transform:uppercase;
  font-size:12.5px; font-weight:700; letter-spacing:.04em; padding:12px 14px;
}
.uks-nav a:hover,.uks-nav a.active{color:#fff; background:var(--red)}

/* Content */
main{flex:1 0 auto; padding:26px 0 40px}
.site-page-inner,.uks-content{max-width:960px; margin:0 auto; padding:0 16px}
.uks-panel{background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:26px 28px}
.page-hero h1,.uks-content h1{font-size:26px; color:var(--navy); margin:0 0 6px}
.content-card{background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:24px 28px; margin:16px 0}
.content-card h2{color:var(--navy); font-size:20px; margin:18px 0 8px}
.content-card img{max-width:100%; height:auto; border-radius:6px}
.content-card p{margin:0 0 12px}

/* Footer */
.uks-footer{flex-shrink:0; background:#0a1430; color:#9fb2d6; border-top:3px solid var(--red); font-size:13px}
.uks-footer .uks-wrap{padding:20px 16px; display:flex; flex-wrap:wrap; gap:8px 24px; align-items:center}
.uks-footer a{color:#cdd9f0}
.uks-footer .sep{opacity:.5}
@media(max-width:720px){
  .uks-nav a{padding:10px}
  .page-hero h1,.uks-content h1{font-size:22px}
}