:root{--bg: #ffffff;--bg-soft: #f5f5f5;--text: #111111;--text-soft: #333333;--muted: #6e6e6e;--muted-2: #999999;--border: #e8e8e8;--border-strong: #d6d6d6;--accent: #1e3a8a;--accent-dark: #16296a;--accent-soft: #e7edf8;--maxw: 1240px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 8px 28px rgba(0, 0, 0, .1);--radius: 6px;--font-head: "Cairo", "Tajawal", sans-serif;--font-body: "Tajawal", "Cairo", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}ul,ol{list-style:none}.app{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.topbar{background:#111;color:#d9d9d9;font-size:12.5px}.topbar-inner{max-width:var(--maxw);margin:0 auto;padding:7px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar a{color:#d9d9d9;display:inline-flex;align-items:center;gap:6px}.topbar a:hover{color:#fff}.tb-left{display:flex;align-items:center;gap:16px}.tb-right{display:flex;align-items:center;gap:14px}.tb-divider{width:1px;height:14px;background:#333}.tb-social{display:flex;align-items:center;gap:10px}.tb-social a{color:#b9b9b9}.tb-social a:hover{color:var(--accent)}.tb-live{display:inline-flex;align-items:center;gap:7px;color:#fff}.pulse{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e40;animation:pulse 1.6s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}.masthead{border-bottom:1px solid var(--border);background:#fff}.masthead-inner{max-width:var(--maxw);margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-head);font-weight:900;font-size:30px;letter-spacing:-.5px;line-height:1;display:inline-flex;align-items:baseline}.logo .logo-dark{color:#111}.logo .logo-red{color:var(--accent)}.masthead-actions{display:flex;align-items:center;gap:10px}.nav-strip{border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:50}.nav-strip-inner{max-width:var(--maxw);margin:0 auto;padding:0 10px;display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}.nav-strip-inner::-webkit-scrollbar{display:none}.nav-link{padding:14px;font-size:14.5px;font-weight:700;color:var(--text-soft);white-space:nowrap;position:relative;transition:color .15s}.nav-link:hover,.nav-link.active{color:var(--accent)}.nav-link.active:after{content:"";position:absolute;right:14px;left:14px;bottom:-1px;height:3px;background:var(--accent)}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;color:var(--text);transition:background .15s,color .15s}.icon-btn:hover{background:var(--bg-soft);color:var(--accent)}.search-bar{max-width:var(--maxw);margin:14px auto 0;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border-strong);border-radius:8px;padding:12px 16px}.search-bar input{flex:1;border:none;outline:none;font-size:15px;background:transparent}.search-bar .icon-btn{width:32px;height:32px}.hero{max-width:var(--maxw);margin:24px auto 0;padding:0 20px;display:grid;grid-template-columns:1.9fr 1fr;gap:24px}.featured-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;cursor:pointer;transition:box-shadow .2s;display:flex;flex-direction:column}.featured-card:hover{box-shadow:var(--shadow-md)}.featured-media{position:relative;overflow:hidden;aspect-ratio:16/9;background:#eee}.featured-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.featured-card:hover .featured-media img{transform:scale(1.04)}.featured-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:12px;flex:1}.kicker{color:var(--accent);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:7px}.kicker:before{content:"";width:8px;height:8px;background:var(--accent);border-radius:2px}.featured-body h1{font-family:var(--font-head);font-size:clamp(22px,3vw,32px);font-weight:900;line-height:1.22;letter-spacing:-.5px}.featured-body p{color:var(--muted);font-size:15px}.byline{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin-top:auto}.byline .avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;flex-shrink:0}.latest-rail{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:4px 0;align-self:start}.latest-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border)}.latest-head h2{font-family:var(--font-head);font-size:16px;font-weight:800}.red-bar{width:4px;height:18px;background:var(--accent);border-radius:2px}.latest-list{list-style:none}.latest-item{display:block;width:100%;text-align:right;padding:13px 18px;border-bottom:1px solid var(--border);transition:background .15s}.latest-item:last-child{border-bottom:none}.latest-item:hover{background:var(--bg-soft)}.latest-item .li-title{font-weight:700;font-size:14.5px;line-height:1.4;color:var(--text)}.latest-item:hover .li-title{color:var(--accent)}.latest-item .li-time{display:block;margin-top:5px;color:var(--muted-2);font-size:12px}.cat-filter{max-width:var(--maxw);margin:22px auto 0;padding:0 20px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cat-tab{font-size:13.5px;font-weight:700;color:var(--muted);padding:8px 15px;border-radius:20px;border:1px solid var(--border-strong);transition:all .15s}.cat-tab:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.cat-tab.active{color:#fff;background:var(--accent);border-color:var(--accent)}.section{max-width:var(--maxw);margin:26px auto 0;padding:0 20px}.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--text);padding-bottom:10px;margin-bottom:20px}.section-title{font-family:var(--font-head);font-size:20px;font-weight:900;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:6px;height:24px;background:var(--accent);border-radius:2px}.result-count{color:var(--muted-2);font-weight:400;font-size:14px}.layout-main{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.news-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.news-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-media{position:relative;overflow:hidden;aspect-ratio:16/9;background:#eee}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.news-card:hover .card-media img{transform:scale(1.05)}.card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:9px;flex:1}.card-cat{font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.3px}.card-body h3{font-family:var(--font-head);font-size:17px;font-weight:800;line-height:1.32;letter-spacing:-.2px}.card-body p{color:var(--muted);font-size:13.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid var(--border);color:var(--muted-2);font-size:12.5px}.author{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--muted)}.read-more{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-weight:700;font-size:13px}.read-more:hover{color:var(--accent-dark)}.sidebar{display:flex;flex-direction:column;gap:22px}.widget{border:1px solid var(--border);border-radius:var(--radius);background:#fff}.widget-head{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:9px}.widget-head h3{font-family:var(--font-head);font-size:15px;font-weight:800}.widget-head .red-bar{width:4px;height:16px}.trending-list{list-style:none;padding:6px 0}.trend-item{display:flex;gap:12px;width:100%;text-align:right;padding:11px 18px;align-items:flex-start}.trend-item:hover{background:var(--bg-soft)}.rank{font-family:var(--font-head);font-size:26px;font-weight:900;color:var(--accent);line-height:1;min-width:30px}.trend-item h4{font-size:13.5px;font-weight:700;line-height:1.45}.trend-item:hover h4{color:var(--accent)}.trend-cat{display:block;margin-top:4px;color:var(--muted-2);font-size:12px}.newsletter{background:#111;margin-top:40px}.newsletter-inner{max-width:var(--maxw);margin:0 auto;padding:36px 20px;display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:center}.newsletter-copy h2{font-family:var(--font-head);color:#fff;font-size:24px;font-weight:900}.newsletter-copy h2 em{color:var(--accent);font-style:normal}.newsletter-copy p{color:#b9b9b9;margin-top:6px;font-size:14.5px}.newsletter-form{display:flex;gap:10px}.newsletter-form input{flex:1;padding:13px 16px;border-radius:6px;border:1px solid #333;background:#1c1c1c;color:#fff;font-size:14px;outline:none}.newsletter-form input::placeholder{color:#777}.newsletter-form input:focus{border-color:var(--accent)}.newsletter-form input.error{border-color:#ff4d4f}.field-error{color:#ff8a8c;font-size:12.5px;margin-top:8px;display:block}.success-note{color:#4ade80;font-size:13px;margin-top:8px;display:block}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:6px;font-weight:700;font-size:14px;transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-ghost{border:1px solid var(--border-strong);color:var(--text)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.footer{background:#fff;border-top:3px solid var(--accent)}.footer-inner{max-width:var(--maxw);margin:0 auto;padding:40px 20px 28px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}.footer-brand .logo{font-size:24px;margin-bottom:10px}.footer-brand p{color:var(--muted);font-size:13.5px;max-width:300px}.footer-col h4{font-family:var(--font-head);font-size:14px;font-weight:800;margin-bottom:12px}.footer-col a{display:block;color:var(--muted);font-size:13.5px;padding:4px 0}.footer-col a:hover{color:var(--accent)}.socials{display:flex;gap:8px}.socials a{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-strong);display:grid;place-items:center;color:var(--muted);transition:all .15s}.socials a:hover{border-color:var(--accent);color:var(--accent)}.footer-bottom{border-top:1px solid var(--border)}.footer-bottom-inner{max-width:var(--maxw);margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;color:var(--muted-2);font-size:12.5px;gap:12px;flex-wrap:wrap}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:100;display:grid;place-items:center;padding:20px}.article-modal{position:relative;width:100%;max-width:720px;max-height:88vh;overflow:auto;background:#fff;border-radius:10px}.modal-close{position:sticky;top:12px;margin-right:12px;float:left;width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:var(--shadow-md);display:grid;place-items:center;z-index:2}.modal-hero{width:100%;aspect-ratio:16/9;object-fit:cover}.modal-body{padding:22px 26px 26px}.badge{display:inline-block;background:var(--accent);color:#fff;font-size:11.5px;font-weight:700;padding:3px 11px;border-radius:20px}.hero-meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:13px;margin:10px 0}.meta-chip{display:inline-flex;align-items:center;gap:6px}.modal-body h2{font-family:var(--font-head);font-size:26px;font-weight:900;line-height:1.25;margin:10px 0}.modal-body .lead{font-size:16px;color:var(--text-soft);font-weight:500;margin-bottom:12px}.modal-body p{color:var(--muted);margin-bottom:12px}.modal-actions{display:flex;gap:10px;margin-top:16px}.toast-wrap{position:fixed;bottom:20px;left:20px;z-index:200;display:flex;flex-direction:column;gap:10px}.toast{background:#111;color:#fff;padding:12px 18px;border-radius:8px;font-size:13.5px;box-shadow:var(--shadow-md);animation:slideIn .25s ease}.toast.success{border-right:3px solid #22c55e}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .5s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.empty{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--muted)}.empty p{margin-bottom:14px}@media (max-width: 980px){.hero,.layout-main,.newsletter-inner{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.logo{font-size:25px}.topbar-inner{flex-direction:column;gap:6px;align-items:flex-start}.news-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.footer-inner{grid-template-columns:1fr}.footer-bottom-inner{flex-direction:column}.search-bar{padding:10px 12px}}.avatar{width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:inline-grid;place-items:center;font-weight:700;font-size:11px;flex-shrink:0}.chat-launcher{position:fixed;bottom:20px;right:20px;z-index:80;width:58px;height:58px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px #e11b2266;transition:transform .18s,background .18s}.chat-launcher:hover{transform:translateY(-3px) scale(1.04);background:var(--accent-dark)}.chat-panel{position:fixed;bottom:90px;right:20px;z-index:80;width:370px;max-width:calc(100vw - 40px);height:540px;max-height:calc(100vh - 120px);background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 50px #00000038;animation:chatIn .22s ease}@keyframes chatIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.chat-head{display:flex;align-items:center;gap:11px;padding:14px 16px;background:#111;color:#fff}.chat-bot-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);display:grid;place-items:center;flex-shrink:0}.chat-head-text{display:flex;flex-direction:column;line-height:1.25}.chat-head-text strong{font-family:var(--font-head);font-size:15px}.chat-head-text span{font-size:12px;color:#b9b9b9;display:inline-flex;align-items:center;gap:6px}.online-dot{width:7px;height:7px;border-radius:50%;background:#22c55e}.chat-body{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:12px;background:#f6f6f6}.msg{display:flex}.msg.bot{justify-content:flex-start}.msg.user{justify-content:flex-end}.bubble{max-width:82%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.6;word-break:break-word}.msg.bot .bubble{background:#fff;border:1px solid var(--border);color:var(--text);border-top-right-radius:4px}.msg.user .bubble{background:var(--accent);color:#fff;border-top-left-radius:4px}.bubble.typing{display:inline-flex;gap:5px;align-items:center;padding:13px 15px}.bubble.typing span{width:7px;height:7px;border-radius:50%;background:var(--muted-2);animation:typingB 1.2s infinite}.bubble.typing span:nth-child(2){animation-delay:.15s}.bubble.typing span:nth-child(3){animation-delay:.3s}@keyframes typingB{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.chat-articles{display:flex;flex-direction:column;gap:8px;margin-top:4px;width:100%}.chat-article{display:flex;gap:10px;align-items:center;text-align:right;background:#fff;border:1px solid var(--border);border-radius:10px;padding:8px;transition:box-shadow .15s,border-color .15s}.chat-article:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.chat-article img{width:58px;height:58px;border-radius:7px;object-fit:cover;flex-shrink:0}.chat-article-body{display:flex;flex-direction:column;gap:3px;min-width:0}.chat-article-body em{font-style:normal;font-size:11px;font-weight:700;color:var(--accent)}.chat-article-body b{font-size:13px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-article-read{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--muted)}.chat-quick{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-top:1px solid var(--border);background:#fff}.chat-quick button{font-size:12.5px;font-weight:700;color:var(--text-soft);border:1px solid var(--border-strong);border-radius:16px;padding:6px 12px;transition:all .15s}.chat-quick button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.chat-quick button:disabled{opacity:.5;cursor:default}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border);background:#fff}.chat-input input{flex:1;border:1px solid var(--border-strong);border-radius:20px;padding:10px 14px;font-size:14px;outline:none}.chat-input input:focus{border-color:var(--accent)}.chat-input button{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;flex-shrink:0;transition:background .15s}.chat-input button:hover{background:var(--accent-dark)}.chat-input button:disabled{opacity:.5;cursor:default}@media (max-width: 480px){.chat-launcher{right:12px;bottom:12px}.chat-panel{right:10px;bottom:82px;width:calc(100vw - 20px);height:70vh}}