:root{
  --bg:#f6f8fc;
  --surface:#ffffff;
  --surface-2:#eef3fb;
  --text:#213247;
  --muted:#5f7288;
  --primary:#2d6ab1;
  --primary-dark:#245587;
  --line:#dbe4ef;
  --shadow:0 12px 26px rgba(34,61,96,.08);
  --max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#fbfcfe 0%,#f4f7fb 100%);color:var(--text);line-height:1.72}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.container{width:min(var(--max),92%);margin:0 auto}
header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}
.brand{font-weight:700;color:var(--text)}
.nav-links{display:flex;gap:16px;flex-wrap:wrap}
.nav-links a{color:var(--text);font-size:.96rem}
.hero{padding:76px 0 38px}
.hero-grid{display:grid;grid-template-columns:1.35fr .78fr;gap:28px;align-items:center}
.badge{display:inline-block;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.85rem;margin-bottom:18px}
h1{font-size:clamp(2.35rem,5vw,4.25rem);line-height:1.05;margin:0 0 16px}
h2{font-size:2rem;line-height:1.15;margin:0 0 16px}
h3{margin:0 0 10px;font-size:1.08rem}
p{margin:0 0 14px}
.lead{font-size:1.08rem;color:var(--muted);max-width:760px;margin-bottom:22px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-weight:700;box-shadow:var(--shadow)}
.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}
.btn.primary:hover{background:var(--primary-dark);text-decoration:none}
.btn:hover{text-decoration:none}
.card,.item{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.card{padding:22px}
.item{padding:18px}
.profile-card{text-align:center}
.profile-card img{width:220px;height:220px;object-fit:cover;border-radius:22px;margin:0 auto 14px;background:var(--surface-2)}
.profile-card p{margin:6px 0;color:var(--muted)}
section{padding:24px 0}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)}
.kpi strong{display:block;font-size:1.4rem;margin-bottom:4px}
.muted{color:var(--muted)}
.small{font-size:.95rem}
.taglist{display:flex;gap:10px;flex-wrap:wrap}
.tag{padding:8px 12px;border-radius:999px;background:var(--surface-2);border:1px solid #d6e6f7;color:var(--primary-dark);font-size:.88rem}
.list,.pub-list{list-style:none;padding:0;margin:0}
.list li,.pub-list li{padding:12px 0;border-bottom:1px solid var(--line)}
.list li:last-child,.pub-list li:last-child{border-bottom:none}
.pub-list li{padding:16px 0}
.pub-title{font-weight:700;color:var(--text);display:block;margin-bottom:4px}
.pub-meta{color:var(--muted);font-size:.95rem}
.page-header{padding:56px 0 18px}
.page-header h1{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:10px}
.kicker{color:var(--muted);max-width:780px}
.two-col{display:grid;grid-template-columns:2fr 1fr;gap:20px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
footer{padding:36px 0 60px;color:var(--muted);font-size:.92rem}
@media (max-width:950px){.hero-grid,.grid-2,.grid-3,.kpis,.two-col,.contact-grid{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}}