@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&display=swap");@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");:root{--midnight:#120038;--plum:#290033;--burgundy:#5D0022;--copper:#8E4C32;--bronze:#C08467;--offwhite:#F9F9F9;--pure-white:#FFFFFF}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Tajawal,sans-serif;background-color:var(--offwhite);color:var(--midnight);overflow-x:hidden;line-height:1.6}.brand-gradient-bar{height:5px;background:linear-gradient(90deg,var(--midnight) 0,var(--plum) 40%,var(--burgundy) 70%,var(--bronze) 100%);width:100%}.top-bar{background-color:var(--pure-white);color:var(--midnight);font-size:13px;padding:10px 50px;justify-content:space-between;border-bottom:1px solid #eaeaea}.market-ticker,.top-bar{font-weight:700;display:flex;align-items:center}.market-ticker{gap:20px;flex-wrap:wrap}.market-item span.label{color:#888;font-weight:500;margin-left:5px}.market-up{color:#2e7d32}.market-down{color:#c62828}.weather-widget{display:flex;align-items:center;gap:8px;background:rgba(93,0,34,.05);padding:8px 15px;border-radius:20px;font-size:13px;font-weight:700;color:var(--midnight);border:1px solid rgba(93,0,34,.1);transition:.3s}.weather-widget:hover{background:rgba(93,0,34,.1)}.weather-icon{font-size:16px}.weather-info{flex-direction:column}.top-bar-left,.weather-info{display:flex;align-items:center}.top-bar-left{gap:20px}.social-icons a{color:var(--midnight);margin-left:15px;font-size:15px;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(93,0,34,.05);border:1px solid rgba(93,0,34,.1)}.social-icons a:hover{color:var(--pure-white);background:var(--bronze);border-color:var(--bronze);transform:translateY(-2px)}.top-links a{color:var(--midnight);text-decoration:none;margin-left:15px;transition:.2s;border-right:1px solid #ddd;padding-right:15px}.top-links a:first-child{border-right:none;padding-right:0}.top-links a:hover{color:var(--bronze)}header{background-color:var(--pure-white);display:flex;justify-content:space-between;align-items:center;padding:30px 50px;position:relative;z-index:100;box-shadow:0 10px 30px rgba(18,0,56,.03)}.logo{font-size:40px;font-weight:900;color:var(--midnight);line-height:1;letter-spacing:-1px;text-decoration:none}.logo span{font-size:14px;font-weight:700;color:var(--bronze);display:block;margin-top:8px;letter-spacing:1px}.search-box{display:flex;align-items:center;margin:0 30px;flex:1 1;max-width:300px;background:var(--offwhite);border-radius:25px;padding:0 15px;border:2px solid var(--burgundy);transition:all .3s ease}.search-box:focus-within{box-shadow:0 0 10px rgba(93,0,34,.2)}.search-box input{flex:1 1;border:none;background:transparent;padding:10px 0;font-size:14px;color:var(--midnight);font-family:Tajawal,sans-serif;outline:none;text-align:right}.search-box input::placeholder{color:#999}.search-box button{background:var(--burgundy);border:none;color:var(--pure-white);padding:8px 12px;cursor:pointer;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.search-box button:hover{background:var(--midnight)}.menu-checkbox,.menu-icon{display:none}.menu-icon{font-size:28px;color:var(--midnight);cursor:pointer}.nav-links{display:flex;gap:25px;flex-wrap:wrap}.nav-links a{color:var(--midnight);text-decoration:none;font-weight:900;font-size:16px;transition:all .3s ease;position:relative;padding-bottom:5px}.nav-links a:after{content:"";position:absolute;bottom:-5px;right:0;width:0;height:3px;background-color:var(--burgundy);transition:width .3s ease}.nav-links a.active:after,.nav-links a:hover:after{width:100%}.nav-links a.active,.nav-links a:hover{color:var(--burgundy)}.breaking-wrapper{padding:0 50px;margin-top:-20px;position:relative;z-index:99}.breaking-news{background-color:var(--pure-white);display:flex;align-items:stretch;border-radius:6px;box-shadow:0 8px 25px rgba(0,0,0,.06);overflow:hidden;border-right:4px solid var(--burgundy)}.breaking-title{background-color:var(--burgundy);color:var(--pure-white);padding:15px 30px;font-weight:900;font-size:16px;justify-content:center;white-space:nowrap}.breaking-text,.breaking-title{display:flex;align-items:center}.breaking-text{padding:15px 25px;font-weight:700;font-size:15px;color:var(--midnight);width:100%}.live-hero{display:grid;grid-template-columns:72% 28%;max-width:1500px;margin:40px auto;background-color:var(--pure-white);box-shadow:0 20px 40px rgba(18,0,56,.05);border-radius:12px;overflow:hidden}.player-container{position:relative;width:100%;aspect-ratio:16/9;background-color:#000}.live-badge{top:25px;right:25px;background-color:rgba(230,0,0,.95);color:var(--pure-white);padding:8px 25px;border-radius:4px}.live-badge,.unmute-overlay{position:absolute;font-weight:900;font-size:14px;z-index:10}.unmute-overlay{bottom:25px;left:25px;background-color:rgba(255,255,255,.95);color:var(--midnight);padding:10px 25px;cursor:pointer;border-radius:30px;transition:.3s}.unmute-overlay:hover{background-color:var(--midnight);color:var(--pure-white)}.live-sidebar{background-color:var(--pure-white);padding:30px;overflow-y:auto;border-right:1px solid #f0f0f0}.live-sidebar h3{margin-top:0;color:var(--burgundy);font-size:22px;font-weight:900;margin-bottom:30px}.timeline-item{margin-bottom:25px;position:relative;padding-right:25px}.timeline-item:before{content:"";position:absolute;right:0;top:5px;bottom:-25px;width:2px;background-color:#f0f0f0}.timeline-item:last-child:before{display:none}.timeline-item:after{content:"";position:absolute;right:-4px;top:5px;width:10px;height:10px;border-radius:50%;background-color:var(--bronze);border:3px solid var(--pure-white)}.timeline-item span{color:var(--bronze);font-weight:900;font-size:13px;display:inline-block;margin-bottom:5px}.timeline-item p{margin:0;font-size:15px;font-weight:700;line-height:1.6;color:var(--midnight)}.main-content{max-width:1500px;margin:0 auto;padding:0 30px}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px;padding-bottom:12px;border-bottom:2px solid #eaeaea}.section-title{color:var(--midnight);font-size:26px;font-weight:900;margin:0;position:relative}.section-title:after{content:"";position:absolute;bottom:-14px;right:0;width:60px;height:4px;background-color:var(--burgundy)}.section-more{color:var(--bronze);font-weight:700;text-decoration:none;font-size:15px;transition:.3s}.section-more:hover{color:var(--burgundy)}.editors-pick{display:flex;background:var(--pure-white);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(18,0,56,.04);margin-bottom:60px;border:1px solid #eaeaea}.ep-img-container{width:55%;overflow:hidden}.ep-img{width:100%;height:100%;min-height:350px;background-size:cover;background-position:50%;transition:transform .8s ease}.editors-pick:hover .ep-img{transform:scale(1.05)}.ep-content{width:45%;padding:40px;display:flex;flex-direction:column;justify-content:center}.ep-tag{color:var(--burgundy);font-weight:900;font-size:13px;margin-bottom:15px;background:rgba(93,0,34,.05);display:inline-block;padding:5px 12px;border-radius:4px;align-self:flex-start}.ep-title{font-size:24px;font-weight:900;color:var(--midnight);margin:0 0 15px;line-height:1.4}.ep-desc{font-size:16px;color:#666;line-height:1.7;margin-bottom:20px;font-weight:500}.ep-meta{display:flex;gap:15px;font-size:13px;color:#888;font-weight:700}.ep-meta i{color:var(--bronze);margin-left:5px}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:25px;gap:25px;margin-bottom:60px}.news-card{background:var(--pure-white);border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.03);transition:all .4s ease;border:1px solid #eaeaea}.news-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(18,0,56,.08)}.news-img-wrap{width:100%;height:180px;overflow:hidden;position:relative}.news-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.news-card:hover .news-img-wrap img{transform:scale(1.08)}.news-content{padding:20px}.news-tag{color:var(--pure-white);background-color:var(--bronze);font-weight:900;font-size:12px;margin-bottom:10px;display:inline-block;padding:5px 10px;border-radius:3px}.news-title{margin:0 0 15px;font-size:16px;font-weight:900;color:var(--midnight);line-height:1.5}.read-time{font-size:12px;color:#999;font-weight:700;display:flex;align-items:center}.read-time i{margin-left:5px;color:var(--bronze)}.dark-section{background-color:var(--midnight);padding:60px 0;margin:60px 0}.dark-section,.dark-section .section-title{color:var(--pure-white)}.dark-section .section-title:after{background-color:var(--bronze)}.dark-section .section-header{border-bottom-color:rgba(255,255,255,.1)}.dark-section .section-more{color:var(--bronze)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:25px;gap:25px;margin-top:30px}.info-card{background:var(--plum);border:1px solid rgba(255,255,255,.05);border-radius:8px;overflow:hidden;transition:.3s}.info-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.5);border-color:var(--bronze)}.info-img{width:100%;height:200px;background-color:#000}.info-content{padding:20px;text-align:center}.info-title{font-size:16px;font-weight:900;margin:0;color:var(--pure-white);line-height:1.5}.split-section{display:grid;grid-template-columns:2fr 1fr;grid-gap:30px;gap:30px;margin-bottom:60px}.special-files{background:var(--pure-white);padding:30px;border-radius:12px;box-shadow:0 10px 30px rgba(18,0,56,.03);border:1px solid #eaeaea}.file-item{display:flex;gap:20px;margin-bottom:25px;border-bottom:1px solid #eaeaea;padding-bottom:25px;transition:.3s}.file-item:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.file-img{width:200px;height:130px;border-radius:8px;background-color:#eaeaea;flex-shrink:0;overflow:hidden}.file-img div{width:100%;height:100%;background-size:cover;background-position:50%;transition:.5s}.file-item:hover .file-img div{transform:scale(1.05)}.file-title{font-size:18px;font-weight:900;margin:0 0 10px;color:var(--midnight);line-height:1.5}.file-desc{font-size:14px;color:#666;margin:0;line-height:1.6;font-weight:500}.opinion-section{background:var(--pure-white);padding:30px;border-radius:12px;box-shadow:0 10px 30px rgba(18,0,56,.03);border-top:4px solid var(--midnight)}.opinion-card{margin-bottom:25px;display:flex;gap:15px;align-items:flex-start;border-bottom:1px solid #eaeaea;padding-bottom:20px}.opinion-card:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.author-img{width:55px;height:55px;border-radius:50%;background-color:var(--copper);flex-shrink:0;border:2px solid var(--offwhite)}.opinion-text-wrap{display:flex;flex-direction:column}.opinion-author{color:var(--burgundy);font-size:14px;font-weight:900;margin-bottom:5px}.opinion-text{font-size:15px;font-weight:700;color:var(--midnight);margin:0;line-height:1.6}footer{background-color:var(--midnight);text-align:center;padding:50px 20px;font-size:14px;font-weight:500;border-top:5px solid var(--burgundy)}.footer-logo,footer{color:var(--pure-white)}.footer-logo{font-size:30px;font-weight:900;margin-bottom:10px}.footer-logo span{color:var(--bronze);font-size:13px;font-weight:700;display:block;margin-top:5px;letter-spacing:1px}.currency-rates{background:linear-gradient(135deg,var(--midnight) 0,var(--plum) 100%);padding:40px 0;margin:40px 0;color:var(--pure-white)}.currency-rates h3{text-align:center;font-size:24px;font-weight:900;margin:0 0 30px;color:var(--pure-white)}.rates-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px;gap:20px;max-width:1500px;margin:0 auto;padding:0 30px}.rate-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rate-card:hover{background:rgba(255,255,255,.12);border-color:var(--bronze);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.3)}.rate-code{display:block;font-size:16px;font-weight:900;color:var(--bronze);margin-bottom:5px}.rate-name{display:block;font-size:12px;color:rgba(255,255,255,.7);margin-bottom:12px;font-weight:500}.rate-value{font-size:20px;font-weight:900;color:var(--pure-white);display:flex;flex-direction:column;align-items:center;gap:8px}.rate-change{font-size:12px;font-weight:700}.rate-change.up{color:#4caf50}.rate-change.down{color:#f44336}.live-player{width:100%;height:500px;background-color:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px rgba(18,0,56,.1);margin-bottom:40px}.oil-prices-widget{background:linear-gradient(135deg,#f44336,#d32f2f);padding:40px 0;margin:40px 0;color:var(--pure-white)}.oil-prices-widget h3{text-align:center;font-size:24px;font-weight:900;margin:0 0 30px;color:var(--pure-white)}.prices-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;max-width:1500px;margin:0 auto;padding:0 30px}.oil-price-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:25px;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.oil-price-card:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.3)}.oil-type{font-size:16px;font-weight:700;color:rgba(255,255,255,.9);margin-bottom:10px}.oil-price{font-size:32px;font-weight:900;color:var(--pure-white);margin-bottom:10px}.oil-change{font-size:14px;font-weight:700}.oil-change.up{color:#4caf50}.oil-change.down{color:#ffeb3b}.social-media-feed{background:var(--offwhite);padding:40px 0;margin:40px 0}.feed-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px;max-width:1500px;margin:0 auto;padding:0 30px}.feed-widget{background:var(--pure-white);border-radius:12px;padding:20px;box-shadow:0 10px 30px rgba(18,0,56,.04);border:1px solid #eaeaea;overflow:hidden}.feed-widget h3{margin:0 0 20px;font-size:18px;font-weight:900;color:var(--midnight);display:flex;align-items:center;gap:12px}.feed-widget h3 i{color:var(--bronze);font-size:20px}.facebook-feed,.instagram-feed,.twitter-feed,.youtube-feed{min-height:400px;border-radius:8px;overflow:hidden}.facebook-feed iframe,.twitter-feed iframe,.youtube-feed iframe{width:100%!important;height:100%!important;border:none}@media (max-width:1024px){.prices-container{grid-template-columns:repeat(2,1fr);padding:0 20px}.feed-container{grid-template-columns:1fr;padding:0 20px}.info-grid,.news-grid{grid-template-columns:repeat(2,1fr)}.live-hero,.split-section{grid-template-columns:1fr}.live-sidebar{border-right:none;border-top:1px solid #eaeaea}.rates-grid{grid-template-columns:repeat(3,1fr);padding:0 20px}.market-ticker{gap:10px}header{padding:20px 30px}.top-bar{padding:10px 30px}.breaking-wrapper{padding:0 30px}.main-content{padding:0 20px}}@media (max-width:768px){.top-bar{flex-direction:column;gap:10px;padding:10px 20px;text-align:center}.market-ticker{justify-content:center;font-size:12px}.top-links{display:none}header{padding:15px 20px}.logo{font-size:28px}.logo span{font-size:11px;margin-top:4px}.menu-icon{display:block}.nav-links{display:none;position:absolute;top:100%;right:0;width:100%;background-color:var(--pure-white);flex-direction:column;padding:20px 0;box-shadow:0 10px 20px rgba(0,0,0,.1);border-top:1px solid #eaeaea;gap:0;z-index:1000}.menu-checkbox:checked~.nav-links{display:flex}.nav-links a{padding:15px 30px;border-bottom:1px solid #eaeaea;font-size:15px}.nav-links a:after{display:none}.nav-links a.active,.nav-links a:hover{background-color:rgba(93,0,34,.05);border-right:4px solid var(--burgundy)}.breaking-wrapper{padding:0 15px;margin-top:15px}.breaking-news{border-radius:4px}.breaking-title{padding:10px 15px;font-size:14px}.breaking-text{padding:10px 15px;font-size:13px;line-height:1.4}.live-hero{margin:25px auto;border-radius:8px}.live-sidebar{padding:20px}.timeline-item{padding-right:15px}.timeline-item p{font-size:14px}.main-content{padding:0 15px}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.section-title{font-size:22px}.news-grid{gap:20px}.info-grid,.news-grid,.split-section{grid-template-columns:1fr}.split-section{gap:20px}.editors-pick{flex-direction:column}.ep-img-container{width:100%;height:250px}.ep-img{min-height:250px}.ep-content{width:100%;padding:20px}.file-item{flex-direction:column;gap:15px}.file-img{width:100%;height:150px}.dark-section{padding:40px 0;margin:40px 0}footer{padding:30px 15px}.footer-logo{font-size:24px}.rates-grid{grid-template-columns:repeat(2,1fr);padding:0 15px;gap:15px}.currency-rates{padding:30px 0;margin:30px 0}.currency-rates h3{font-size:20px;margin:0 0 20px}.rate-card{padding:15px}.rate-code{font-size:14px;margin-bottom:3px}.rate-value{font-size:16px}.rate-change{font-size:11px}.weather-widget{padding:6px 12px;font-size:11px}.weather-icon{font-size:14px}.market-item span.label{display:none}.market-item span{font-size:11px}.social-icons a{width:28px;height:28px;font-size:13px;margin-left:8px}.search-box{display:none}}.post-article{background-color:var(--offwhite);padding-bottom:60px}.post-article .main-content{background-color:var(--pure-white);border-radius:12px;padding:50px;margin-top:40px;box-shadow:0 10px 30px rgba(18,0,56,.04)}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--bronze);text-decoration:none;font-weight:700;margin-bottom:30px;transition:.3s}.back-link:hover{color:var(--burgundy);gap:12px}.post-title{font-size:32px;font-weight:900;color:var(--midnight);margin:0 0 20px;line-height:1.5}.post-meta{display:flex;gap:25px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eaeaea;flex-wrap:wrap}.post-author,.post-category,.post-date{display:flex;align-items:center;gap:8px;font-size:14px;color:#666;font-weight:700}.post-author i,.post-category i,.post-date i{color:var(--bronze)}.post-featured-image{width:100%;border-radius:8px;overflow:hidden;margin-bottom:40px;box-shadow:0 10px 25px rgba(0,0,0,.08)}.post-featured-image img{width:100%;height:auto;display:block}.post-content{font-size:16px;color:#333;line-height:1.8;margin-bottom:40px}.post-content h2{font-size:24px;color:var(--midnight);margin:30px 0 15px;font-weight:900}.post-content h3{font-size:20px;color:var(--burgundy);margin:25px 0 10px;font-weight:900}.post-content p{margin-bottom:15px;line-height:1.8}.post-content a{color:var(--bronze);text-decoration:none;font-weight:700;transition:.3s}.post-content a:hover{color:var(--burgundy);text-decoration:underline}.post-content ol,.post-content ul{margin:20px 0 20px 30px;line-height:1.8}.post-content li{margin-bottom:8px}.search-header{text-align:center;margin-bottom:40px}.search-header h1{font-size:28px;font-weight:900;color:var(--midnight);margin:0 0 10px}.search-header p{font-size:16px;color:#666;margin:0}@media (max-width:768px){.post-article .main-content{padding:25px 15px;margin-top:25px}.post-title{font-size:24px}.post-meta{flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:15px}.post-content{font-size:15px}.post-content h2{font-size:20px;margin:20px 0 12px}.post-content h3{font-size:18px;margin:15px 0 8px}.search-header h1{font-size:22px}.search-header p{font-size:14px}}.live-player-float{position:fixed;bottom:20px;left:20px;width:200px;height:200px;background-color:#000;border:2px solid #d4a574;border-radius:8px;overflow:hidden;z-index:8888;box-shadow:0 4px 20px rgba(0,0,0,.8);animation:slideInUp .4s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.live-player-float video{width:100%;height:100%;object-fit:cover}.live-player-close{position:absolute;top:8px;right:8px;background-color:rgba(0,0,0,.7);border:none;color:#fff;font-size:20px;cursor:pointer;z-index:10;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;padding:0}.live-player-close:hover{background-color:rgba(0,0,0,.9)}@media (max-width:1024px){.live-player-float{width:180px;height:180px;bottom:15px;left:15px}.live-player-close{font-size:18px;width:26px;height:26px;top:6px;right:6px}}@media (max-width:768px){.live-player-float{width:150px;height:150px;bottom:12px;left:12px;border-width:1.5px}.live-player-close{font-size:16px;width:24px;height:24px;top:4px;right:4px}}@media (max-width:480px){.live-player-float{width:120px;height:120px;bottom:10px;left:10px}.live-player-close{font-size:14px;width:22px;height:22px;top:3px;right:3px}}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loader-circle{display:flex;justify-content:center;align-items:center;width:100px;height:100px}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff}}