:root{
  --blue:#1368f5;
  --blue-dark:#082f73;
  --blue-soft:#eef5ff;
  --red:#ef3340;
  --text:#0f2544;
  --muted:#71819a;
  --border:#e4ebf5;
  --bg:#f7fbff;
  --card:#ffffff;
  --shadow:0 18px 45px rgba(15,37,68,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.7}
a{text-decoration:none;color:inherit}
.topbar{height:118px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 64px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:14px;direction:ltr}
.logo{width:82px;height:68px;position:relative;display:flex;align-items:center;justify-content:center}
.logo svg{width:76px;height:76px;fill:var(--blue-dark);stroke:var(--blue);stroke-width:1.4}
.logo-live{position:absolute;top:0;right:-12px;background:var(--red);color:#fff;font-size:11px;font-weight:800;padding:2px 7px;border-radius:6px;z-index:2}
.brand h1{font-size:34px;font-weight:900;letter-spacing:.5px;color:#09214a}.brand p{font-size:11px;letter-spacing:6px;color:#406186;font-weight:700}
.nav{display:flex;gap:46px;align-items:center}.nav a{font-weight:700;color:#223856;padding:36px 0 27px;border-bottom:3px solid transparent}.nav a.active{color:var(--blue);border-bottom-color:var(--blue)}
.tools{display:flex;gap:16px;align-items:center}.tools button{border:0;background:#fff;color:#0e2444;font-size:24px;cursor:pointer}.tools button:last-child{font-size:16px;font-weight:800}
.container{max-width:1440px;margin:0 auto;padding:28px 42px 60px}
.breaking{height:124px;background:linear-gradient(90deg,#170814,#12030a 45%,#5a0710);border-radius:12px;color:#fff;display:grid;grid-template-columns:180px 1fr 130px;align-items:center;box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.breaking-label{height:100%;display:flex;align-items:center;justify-content:center;gap:12px;color:#ff363f;font-size:28px;font-weight:900;border-right:1px solid rgba(239,51,64,.5)}
.breaking-label span{font-size:38px}.ticker{overflow:hidden;white-space:nowrap}.ticker-track{display:inline-flex;gap:20px;align-items:center;font-size:22px;font-weight:800;animation:ticker 24s linear infinite}.ticker-track b{color:#9aa4b2}.live-dot{font-size:16px;color:#fff;text-align:center}.live-dot::first-letter{color:#ef3340}@keyframes ticker{from{transform:translateX(-15%)}to{transform:translateX(100%)}}
.category-wrap{margin:22px 0 24px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:22px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.cat{border:0;background:var(--blue-soft);color:#0e2a55;border-radius:32px;padding:16px 40px;font-size:17px;font-weight:800;cursor:pointer;transition:.25s}.cat.active,.cat:hover{background:linear-gradient(135deg,var(--blue),#0d5be5);color:#fff;box-shadow:0 12px 26px rgba(19,104,245,.24)}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:24px}.main-story{min-height:455px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.58)),url('https://images.unsplash.com/photo-1512453979798-5ea266f8880c?q=80&w=1400&auto=format&fit=crop') center/cover;color:#fff}.badge{position:absolute;top:28px;right:28px;background:var(--blue);padding:10px 18px;border-radius:8px;font-weight:800}.urgent{position:absolute;top:28px;left:28px;background:var(--red);padding:10px 20px;border-radius:8px;font-size:24px;font-weight:900}.story-content{position:absolute;right:28px;left:28px;bottom:30px}.story-content h2{font-size:34px;line-height:1.5;max-width:720px;text-shadow:0 4px 14px rgba(0,0,0,.35)}.meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;color:#e9f1ff}.meta a{color:#fff;border-bottom:1px solid rgba(255,255,255,.5)}
.side-news h3,.card h3{font-size:21px;margin-bottom:18px}.news-row{display:grid;grid-template-columns:1fr 145px;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.news-row:last-child{border-bottom:0}.news-row img{width:145px;height:86px;object-fit:cover;border-radius:9px}.tag{display:inline-block;background:#edf3ff;color:var(--blue);font-weight:800;font-size:12px;padding:2px 10px;border-radius:9px;margin-bottom:6px}.news-row h4{font-size:17px;line-height:1.55}.small-meta{font-size:13px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}.small-meta a{color:var(--blue);font-weight:800}
.dashboard{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin-top:24px}.mini-grid{display:grid;gap:14px}.mini-card{background:#fbfdff;border:1px solid var(--border);border-radius:12px;padding:16px}.mini-card h4{font-size:16px}.popular{padding-right:22px}.popular li{padding:10px 0;border-bottom:1px solid var(--border);font-weight:700}.blue-card{background:linear-gradient(135deg,#0d63ef,#0b55d4);color:#fff}.blue-card p{color:#e7f0ff}.blue-card button{margin-top:20px;border:0;background:#fff;color:var(--blue);font-weight:900;border-radius:10px;padding:12px 18px;cursor:pointer}
.chatbot{margin-top:24px}.chatbot p{color:var(--muted);margin-bottom:16px}.chat-box{height:180px;overflow:auto;background:#f8fbff;border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.bot,.user{max-width:80%;padding:10px 14px;border-radius:12px}.bot{background:#fff;border:1px solid var(--border)}.user{background:var(--blue);color:#fff;margin-right:auto}.chat-input{display:flex;gap:10px;margin-top:12px}.chat-input input{flex:1;border:1px solid var(--border);border-radius:12px;padding:14px;font-size:15px}.chat-input button{border:0;background:var(--blue);color:#fff;border-radius:12px;padding:0 24px;font-weight:900;cursor:pointer}
.modal{display:none;position:fixed;inset:0;background:rgba(5,15,30,.55);z-index:50;align-items:center;justify-content:center;padding:30px}.modal.show{display:flex}.modal-content{background:#fff;border-radius:18px;width:min(1000px,96vw);max-height:82vh;overflow:auto;padding:28px;position:relative}.close{position:absolute;left:20px;top:16px;border:0;background:#eef5ff;color:var(--blue);font-size:26px;width:42px;height:42px;border-radius:50%;cursor:pointer}.sources-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.source-item{padding:12px;border:1px solid var(--border);border-radius:10px;background:#fbfdff;color:#0e2a55;font-weight:700}
footer{text-align:center;color:var(--muted);padding:28px}
@media(max-width:1000px){.topbar{height:auto;padding:22px;flex-direction:column;gap:18px}.nav{gap:18px;flex-wrap:wrap;justify-content:center}.hero-grid,.dashboard{grid-template-columns:1fr}.breaking{grid-template-columns:1fr;height:auto;padding:20px}.breaking-label{border:0}.sources-grid{grid-template-columns:repeat(2,1fr)}.story-content h2{font-size:25px}.container{padding:18px}}
@media(max-width:560px){.cat{width:100%;padding:14px}.news-row{grid-template-columns:1fr}.news-row img{width:100%;height:170px}.sources-grid{grid-template-columns:1fr}.brand h1{font-size:26px}}