:root{--ink:#101828;--muted:#667085;--line:#e4e7ec;--paper:#fff;--soft:#f6f8fb;--accent:#155eef;--accent2:#0b4bb3;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.8}.container{width:min(1120px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;font-size:1.18rem}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:900}.nav nav{display:flex;gap:24px}.nav nav a{color:#344054;text-decoration:none;font-weight:600}.nav nav a:hover{color:var(--accent)}.menu-btn{display:none;border:0;background:none;font-size:27px}.hero{background:linear-gradient(135deg,#f7f9ff,#eef4ff);padding:78px 0 70px}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}.eyebrow{display:inline-block;color:var(--accent);background:#eaf1ff;padding:5px 13px;border-radius:999px;font-weight:800;font-size:.9rem}.hero h1{font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.12;margin:18px 0}.hero p{color:var(--muted);font-size:1.18rem;max-width:650px}.primary-btn{display:inline-block;margin-top:18px;padding:13px 22px;background:var(--ink);color:white;text-decoration:none;border-radius:13px;font-weight:800}.hero-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 20px 50px rgba(16,24,40,.08)}.live{font-weight:800;color:#b42318}.live span{display:inline-block;width:9px;height:9px;background:#f04438;border-radius:50%;margin-left:6px}.hero-card h2{font-size:2rem;margin:18px 0 5px}.hero-card p{font-size:1rem}.ad-box{min-height:170px;margin-top:34px;border:2px dashed #cbd5e1;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;color:#64748b}.ad-box strong{font-size:1.55rem;color:#344054}.ad-box small{color:#98a2b3}.ad-box.compact{min-height:120px}.section{padding:78px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-head h2{font-size:2rem;margin:7px 0 0}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.search input{border:0;outline:0;padding:12px 14px;width:250px;font:inherit}.search span{padding:0 13px;color:var(--muted)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:.2s}.news-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(16,24,40,.08)}.news-image{height:150px;background:linear-gradient(135deg,#dbe7ff,#eef2f6);display:grid;place-items:center;color:#475467;font-weight:800}.news-body{padding:20px}.tag{font-size:.78rem;color:var(--accent);font-weight:800}.news-body h3{margin:8px 0;font-size:1.15rem;line-height:1.55}.news-body p{margin:0;color:var(--muted);font-size:.93rem}.date{display:block;margin-top:12px;color:#98a2b3;font-size:.8rem}.empty{text-align:center;color:var(--muted)}.alt{background:var(--soft)}.section-head.simple{margin-bottom:25px}.categories{display:flex;flex-wrap:wrap;gap:12px}.categories button{border:1px solid var(--line);background:#fff;padding:10px 20px;border-radius:999px;font:inherit;font-weight:700;cursor:pointer}.categories button.active,.categories button:hover{background:var(--ink);color:#fff}.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px}.about p{color:var(--muted);font-size:1.08rem}footer{background:#101828;color:#d0d5dd;margin-top:20px}.footer-grid{padding:50px 0;display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:40px}.footer-grid h3,.footer-grid h4{color:#fff;margin-top:0}.footer-grid a{display:block;color:#d0d5dd;text-decoration:none;margin:5px 0}.copyright{border-top:1px solid #344054;text-align:center;padding:18px;color:#98a2b3}@media(max-width:800px){.nav nav{display:none;position:absolute;top:76px;right:0;left:0;background:#fff;padding:15px 4%;border-bottom:1px solid var(--line);flex-direction:column;gap:5px}.nav nav.open{display:flex}.menu-btn{display:block}.hero-grid,.about{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr 1fr}.section-head{align-items:stretch;flex-direction:column}.search input{width:100%}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.news-grid{grid-template-columns:1fr}.hero{padding-top:55px}.hero h1{font-size:2.7rem}.footer-grid{grid-template-columns:1fr}}
.news-card { cursor: pointer; }
.news-card:focus { outline: 2px solid currentColor; outline-offset: 3px; }
.card-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:14px; }
.read-more { font-weight:800; font-size:.85rem; }
.article-modal[hidden] { display:none; }
.article-modal { position:fixed; inset:0; z-index:1000; }
.article-modal-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.62); backdrop-filter:blur(3px); }
.article-viewer { position:relative; z-index:1; width:min(820px, calc(100% - 24px)); max-height:88vh; overflow:auto; margin:6vh auto 0; background:var(--card, #fff); border-radius:24px; padding:28px; box-shadow:0 24px 80px rgba(0,0,0,.3); }
.close-article { position:absolute; top:12px; left:14px; width:40px; height:40px; border:0; border-radius:50%; font-size:28px; line-height:1; cursor:pointer; background:rgba(0,0,0,.08); }
.article-viewer h2 { margin:18px 0 10px; line-height:1.5; }
.article-meta { color:#777; font-size:.9rem; margin-bottom:18px; }
.modal-summary { font-size:1.05rem; font-weight:700; line-height:1.9; }
.modal-content { white-space:pre-line; line-height:2; color:#333; }
.modal-open { overflow:hidden; }
@media (max-width:600px) {
  .article-viewer { margin:3vh auto 0; max-height:94vh; padding:22px 18px; border-radius:18px; }
  .categories { gap:8px; }
}