*{box-sizing:border-box}html,body{margin:0;padding:0;background:#0b1220;color:#e5eefc;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial}
.container{max-width:1080px;margin:0 auto;padding:24px}
.lang{text-align:right;opacity:.8;font-size:.9rem}
.pills{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 10px}
.pill{background:#0f1a2e;border:1px solid #20314f;color:#cfe3ff;border-radius:999px;padding:6px 10px;font-size:.85rem}
.status{display:grid;gap:8px;margin:8px 0 22px}
.badge{background:#0f1a2e;border:1px solid #233455;border-radius:10px;padding:8px 12px;opacity:.95}
.hero{display:grid;grid-template-columns:1fr 380px;gap:18px;align-items:start}
.hero h1{font-size:48px;line-height:1.12;margin:4px 0 10px;color:#f2f7ff}
.br-sm{display:none}
.today{background:#0f1a2e;border:1px solid #223250;border-radius:16px;padding:16px}
.today h3{margin:0 0 8px;font-weight:700}
.today ul{margin:0 0 8px 18px}
.lead{opacity:.85;max-width:820px;margin:12px 0 10px}
.cta{display:flex;gap:12px;margin:10px 0 26px}
.btn{padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:600}
.btn-green{background:#16a34a;color:#fff}
.btn-dark{background:#101828;color:#cfe3ff;border:1px solid #2a3b57}
.cards{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:18px;margin:14px 0 40px}
.card{background:#0f1a2e;border:1px solid #21324f;border-radius:16px;padding:18px}
.card h4{margin:0 0 6px}
.footer{opacity:.6;border-top:1px solid #21324f;padding-top:16px;margin-top:8px;font-size:.9rem}
@media (max-width:900px){
  .hero{grid-template-columns:1fr}
  .br-sm{display:inline}
  .today{order:2}
  .hero h1{font-size:36px}
  .cards{grid-template-columns:1fr}
}