{\rtf1\ansi\ansicpg1252\cocoartf2639
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
{\*\expandedcolortbl;;}
\paperw11900\paperh16840\margl1440\margr1440\vieww11520\viewh8400\viewkind0
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0

\f0\fs24 \cf0 :root\{\
  --bg:#f6f8fb;\
  --card:#ffffff;\
  --accent:#0d4f8b;\
  --accent-2:#1372b9;\
  --muted:#6c7a89;\
  --radius:14px;\
  --maxw:1100px;\
  --shadow: 0 12px 40px rgba(8,18,28,0.08);\
\}\
\
/* Reset & base */\
*\{box-sizing:border-box\}\
html,body\{height:100%;margin:0;padding:0;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#fbfdff 0%,var(--bg) 50%);color:#0f1720;line-height:1.6;\}\
\
/* Page container */\
.container\{max-width:var(--maxw);margin:36px auto;padding:0 20px\}\
\
/* Header */\
.header\{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:16px\}\
.brand\{display:flex;gap:14px;align-items:center\}\
.logo\{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;justify-content:center;align-items:center;color:white;font-weight:700;font-size:1.1rem;box-shadow:0 10px 30px rgba(13,79,139,0.14);\}\
.title-block h1\{margin:0;font-size:1.05rem\}\
.title-block p\{margin:2px 0 0;color:var(--muted);font-size:0.92rem\}\
nav\{display:flex;gap:10px;align-items:center\}\
.navlink\{text-decoration:none;padding:8px 12px;border-radius:10px;color:var(--muted);font-weight:600\}\
.navlink:hover\{background:rgba(13,79,139,0.06);color:var(--accent)\}\
\
/* HERO */\
.hero\{position:relative;height:56vh;border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:start;box-shadow: var(--shadow);background:#000\}\
.hero img\{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;\}\
.hero-inner\{position:relative; z-index:2;margin-left:6%;max-width:58%;color:white;text-shadow:0 10px 30px rgba(6,12,20,0.45);\}\
.hero h2\{font-size:2.6rem;margin:0 0 8px;letter-spacing:-0.6px\}\
.hero p\{margin:0 0 16px;font-size:1.03rem;opacity:0.95\}\
\
/* Buttons */\
.btn\{display:inline-block;padding:10px 16px;background:linear-gradient(180deg,var(--accent),var(--accent-2));color:white;text-decoration:none;border-radius:10px;font-weight:700;box-shadow:0 8px 24px rgba(13,79,139,0.18);\}\
.btn.transparent\{background:transparent;color:white;border:1px solid rgba(255,255,255,0.18);padding:9px 14px;margin-left:10px\}\
\
/* Sections/cards */\
.section\{background:var(--card);margin-top:28px;border-radius:var(--radius);padding:26px;box-shadow:0 8px 30px rgba(8,18,28,0.04);overflow:hidden;\}\
.section h3\{margin-top:0;color:var(--accent);font-size:1.28rem\}\
.lead\{color:#23313a;margin-bottom:12px;font-size:1rem\}\
\
/* Rows / layout */\
.row\{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start\}\
@media (max-width:980px)\{ .row\{grid-template-columns:1fr\} .hero-inner\{max-width:90%\} \}\
\
/* Images */\
.figure\{margin:18px 0\}\
.figure img\{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,0.08)\}\
.figcap\{margin-top:8px;color:var(--muted);font-size:0.9rem;font-style:italic\}\
\
/* Gallery */\
.gallery\{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:12px\}\
.gallery a\{position:relative;display:block;border-radius:10px;overflow:hidden;text-decoration:none;color:inherit\}\
.gallery img\{width:100%;height:140px;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.2,.9,.2,1);\}\
.gallery a:hover img\{transform:scale(1.06)\}\
.gallery .badge\{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,0.45);color:white;padding:6px 8px;border-radius:8px;font-size:12px\}\
\
/* Lightbox */\
.lightbox\{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(5,8,12,0.7);z-index:1000;padding:30px\}\
.lightbox:target\{display:flex\}\
.lightbox .box\{max-width:95%;max-height:90%;display:flex;flex-direction:column;align-items:center;gap:10px\}\
.lightbox img\{max-width:100%;max-height:82vh;border-radius:10px;box-shadow:0 28px 80px rgba(0,0,0,0.6)\}\
.lightbox .close\{display:inline-block;margin-top:6px;padding:8px 12px;border-radius:10px;background:white;color:#0d4f8b;text-decoration:none;font-weight:700\}\
\
/* Fade-in animation */\
@keyframes fadeUp\{from\{opacity:0;transform:translateY(10px)\}to\{opacity:1;transform:none\}\}\
.anim-fade\{opacity:0;transform:translateY(10px);animation:fadeUp .7s ease forwards;animation-delay:0.1s\}\
.anim-fade.delay-1\{animation-delay:0.12s\}\
.anim-fade.delay-2\{animation-delay:0.18s\}\
.anim-fade.delay-3\{animation-delay:0.24s\}\
\
/* Footer */\
footer\{margin-top:34px;text-align:center;color:var(--muted);font-size:0.95rem;padding:24px\}\
}