:root{
  --primary:#5D89CB;
  --primary-2:#5F8DD3;
  --primary-dark:#153B7A;
  --accent:#FF6B5F;
  --card:#ffffff;
  --shadow:0 8px 30px rgba(2,12,42,.15);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:#f6f8fc;color:#0b1324}
img{max-width:100%;height:auto;display:block}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.header{background:linear-gradient(135deg,var(--primary) 0%, var(--primary-2) 100%);color:#fff;padding:18px 0;position:sticky;top:0;z-index:10;box-shadow:var(--shadow)}
.nav{display:flex;align-items:center;justify-content:space-between}
.nav a{color:#fff;text-decoration:none;font-weight:600;opacity:.95}
.nav a:hover{text-decoration:underline;opacity:1}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:34px}
.hero{background:linear-gradient(135deg,var(--primary) 0%, var(--primary-2) 100%);color:#fff;padding:48px 0 24px}
.hero h1{font-size:40px;line-height:1.1;margin:0 0 10px}
.hero p{font-size:18px;opacity:.95;margin:0 0 22px}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;border:0;text-decoration:none;font-weight:700}
.btn-accent{background:var(--accent);color:white}
.btn-outline{border:2px solid rgba(255,255,255,.9);color:white}
.hero-video{border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:3px solid rgba(255,255,255,.35)}
.section{padding:38px 0}
.grid{display:grid;gap:18px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:var(--card);border:1px solid #e8eef9;border-radius:16px;padding:20px;box-shadow:var(--shadow)}
.badge{display:inline-block;background:#e7eefb;color:#0b1b34;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}
.link{color:var(--primary-dark);font-weight:700;text-decoration:none}
.link:hover{text-decoration:underline}
.footer{background:#0b1b34;color:#d7e3ff;padding:28px 0;margin-top:40px}
.footer a{color:#d7e3ff;text-decoration:none}
.event-card{display:grid;grid-template-columns:340px 1fr;gap:22px;margin-bottom:32px;background:white;border:1px solid #e6eaf2;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.event-card img{width:100%;height:100%;object-fit:cover}
.event-content{padding:22px 26px;display:flex;flex-direction:column;justify-content:center}
.event-meta{font-size:14px;color:#456;opacity:.9;margin-bottom:10px}
.btn-primary{background:var(--primary-dark);color:white}
@media (max-width:900px){
  .grid-3{grid-template-columns:1fr}
  .event-card{grid-template-columns:1fr}
  .hero h1{font-size:34px}
}