:root{font-family:Arial,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box;font-family:Tajawal,sans-serif}.app{min-height:100vh;background-color:#fff}.header{background-color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:15px 40px;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center}.logo{width:100px;height:100px}.logo-color{fill:#0066b3}.nav{display:flex;flex-direction:row-reverse;gap:35px;align-items:center}.nav-link{color:#333;text-decoration:none;font-size:15px;font-weight:700;transition:color .3s}.nav-link:hover{color:#0066b3}.header-right{display:flex;align-items:center}.right-icon{width:100px;height:auto}.banner{position:relative;width:100%;height:500px;overflow:hidden}.banner-image{width:100%;height:100%;object-fit:contain;object-position:top}.banner-overlay{position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(to left,#2c3e50f2,#2c3e50b3);display:flex;align-items:center;justify-content:center}.banner-content{text-align:center;color:#fff;padding:40px}.banner-logo{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin-bottom:40px;max-width:400px;margin-left:auto;margin-right:auto}.dot{width:12px;height:12px;background-color:#fff;border-radius:50%;opacity:.9}.banner-title{font-size:42px;font-weight:700;margin-bottom:15px;font-family:Arial,sans-serif;letter-spacing:1px}.banner-subtitle{font-size:20px;font-weight:400;opacity:.95;font-family:Arial,sans-serif}@media(max-width:1024px){.nav{gap:20px}.nav-link{font-size:14px}.banner-overlay{width:60%}}@media(max-width:768px){.header-content{padding:15px 20px}.nav{display:none}.banner-overlay{width:100%;background:linear-gradient(to top,#2c3e50f2,#2c3e50b3)}.banner-title{font-size:32px}.banner-subtitle{font-size:16px}}.media-center{margin:0 auto;padding:60px 80px;direction:rtl}.media-title{font-size:32px;font-weight:700;color:#333;text-align:right;margin-bottom:30px}.media-tabs{display:flex;gap:10px;margin-bottom:40px}.tab{padding:10px 30px;border:none;border-radius:25px;font-size:15px;cursor:pointer;transition:all .3s;background-color:#fff;color:#3d3d3d}.tab.active{background-color:#0066b3;color:#fff}.tab:hover:not(.active){background-color:#e0e0e0}.news-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}.news-card{background:#fff;overflow:hidden;transition:transform .3s,box-shadow .3s}.news-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.news-image{width:100%;height:200px;object-fit:cover}.news-content{padding:20px}.news-content h3{font-size:16px;font-weight:600;color:#333;line-height:1.6;margin-bottom:15px;text-align:right}.news-date{font-size:14px;color:#0066b3;display:block;text-align:right}.view-all-btn{color:#0066b3;background-color:#fff;border:1px solid #0066b3;padding:12px 30px;border-radius:8px;font-size:15px;cursor:pointer;transition:background-color .3s;display:block;margin-right:auto}.view-all-btn:hover{background-color:#005299;color:#fff}@media(max-width:1024px){.news-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.media-center{padding:40px 20px}.news-cards{grid-template-columns:1fr}.media-title{font-size:26px}}.footer{background-color:#e6eff6;direction:rtl}.footer-content{max-width:1400px;margin:0 auto;padding:50px 80px;display:flex;justify-content:space-between;gap:40px}.footer-section{display:flex;flex-direction:column;gap:12px}.footer-section h4{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.footer-section a{font-size:14px;color:#666;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#0066b3}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-logo{width:60px;height:50px}.footer-logo-color{fill:#2196f3}.footer-brand-text{font-size:14px;font-weight:600;color:#2196f3}.footer-brand-subtext{font-size:10px;color:#2196f3;letter-spacing:1px}.footer-social{display:flex;gap:10px;margin-top:15px}.social-icon{width:36px;height:36px;border-radius:50%;background-color:#0c60aa;color:#fff;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.social-icon:hover{background-color:#094a85}.footer-bottom{background-color:#e6eff6;padding:15px 0;border-top:1px solid #d0dde8}.footer-bottom-content{max-width:1400px;margin:0 auto;padding:0 80px;display:flex;justify-content:space-between;align-items:center}.footer-copyright{font-size:13px;color:#666}.footer-slogan{font-size:14px;font-weight:600;color:#0c60aa}.footer-links{display:flex;gap:10px;align-items:center}.footer-links a{font-size:13px;color:#666;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#0066b3}.footer-links span{color:#ccc}@media(max-width:1024px){.footer-content{flex-wrap:wrap;gap:30px;padding:40px}.footer-section{min-width:150px}}@media(max-width:768px){.footer-content{padding:30px 20px;flex-direction:column;align-items:center;text-align:center}.footer-brand,.footer-section{align-items:center}.footer-bottom-content{flex-direction:column;gap:15px;padding:0 20px;text-align:center}}