:root{--blue:#1673c7;--ink:#1d2430;--muted:#5b6573;--bg:#f3f6f9;--line:#e5eaf0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.6;background:#fff}a{color:var(--blue);text-decoration:none}.wrap{width:min(1140px,calc(100% - 24px));margin:0 auto}
.topbar{background:var(--blue);color:#fff;font-size:13px}.topbar a{color:#fff}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;height:36px;flex-wrap:wrap}
.lang{display:inline-flex;border-radius:4px;overflow:hidden;background:rgba(255,255,255,.16)}.lang a{padding:3px 8px;color:#fff}.lang a.on{background:#ffd400;color:#111;font-weight:800}
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header .wrap{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;min-height:56px}
.logo{display:flex;align-items:center;gap:8px;color:#0b4a86;font-weight:800}.logo img{width:36px;height:36px;flex:0 0 36px;object-fit:contain;display:block}.logo b{font-size:18px;white-space:nowrap}
.nav{display:flex;gap:14px;justify-content:flex-end;flex-wrap:wrap}.nav a{color:var(--ink);white-space:nowrap;font-size:15px}.nav a.on{color:var(--blue);font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff!important;border:0;border-radius:4px;padding:8px 12px;font-weight:700;white-space:nowrap}.btn-ghost{background:transparent;color:#fff!important;border:1px solid #fff}
.menu{display:none;background:0;border:0;font-size:24px;width:36px;height:36px}
.hero{min-height:560px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(10,30,50,.78),rgba(22,115,199,.35)),url("https://web.archive.org/web/20240507121412im_/https://stupeny.org/wp-content/uploads/4.jpg") center/cover no-repeat}.hero h1{font-size:clamp(34px,6vw,64px);line-height:1.05;margin:0 0 16px;max-width:740px}.hero p{max-width:680px;font-size:18px;color:#eef4fb}.mark{box-shadow:inset 0 -12px 0 rgba(22,115,199,.9)}
.page-hero{padding:64px 0;color:#fff;background:linear-gradient(90deg,rgba(14,58,110,.84),rgba(22,115,199,.5)),url("https://web.archive.org/web/20240507121407im_/https://stupeny.org/wp-content/uploads/5.jpg") center/cover no-repeat}.page-hero h1{margin:8px 0 12px;font-size:clamp(32px,5vw,52px)}.page-hero p{max-width:720px}
.section{padding:64px 0}.section.alt{background:var(--bg)}.section h2{font-size:34px;margin:0 0 12px}.lead{color:var(--muted);max-width:780px}
.g4,.g3,.g2{display:grid;gap:20px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.card h3{margin:0 0 10px}.card p{margin:0 0 10px}
.num{width:40px;height:40px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:12px}
.about{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}.photos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photos img{width:100%;height:170px;object-fit:cover;border-radius:10px}.photos img:first-child{grid-column:1/-1;height:220px}
.item{background:#fff;border-left:4px solid var(--blue);padding:16px 18px;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:8px}.item b{display:block;margin-bottom:6px;font-size:18px}.item span{display:block;color:var(--muted);font-size:14px;margin-bottom:8px}
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.map{min-height:360px;width:100%;border:0;border-radius:12px}
.form{display:grid;gap:10px}.form input,.form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:6px;font:inherit}
ul.plain{padding-left:18px;margin:8px 0 0}ul.plain li{margin:6px 0}
footer{background:#10263d;color:#d7e1ec;padding:42px 0 18px}footer a{color:#fff}.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px}.fnav{display:grid;gap:6px}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:22px;padding-top:12px;font-size:13px;color:#9aadc2}
.modal{position:fixed;inset:0;background:rgba(8,20,36,.55);display:none;align-items:center;justify-content:center;z-index:40;padding:16px}.modal.open{display:flex}.box{background:#fff;width:min(460px,100%);border-radius:12px;padding:22px}
@media(max-width:900px){
  .g4,.g3,.g2,.about,.contact,.fg{grid-template-columns:1fr}
  .header .wrap{grid-template-columns:auto 1fr auto auto}
  .nav{display:none;position:absolute;left:0;right:0;top:92px;background:#fff;flex-direction:column;padding:8px 16px 16px;border-bottom:1px solid var(--line);gap:0}
  .nav a{padding:12px 0;border-bottom:1px solid var(--line)}
  .nav.open{display:flex}
  .menu{display:block}
}