:root{--primary-dark: #002b28;--primary-medium: #003d38;--primary-light: #004d47;--accent-teal: #e57e3a;--accent-gold: #cfb53b;--text-white: #ffffff;--text-dim: #aebdbb;--glass-bg: rgba(255, 255, 255, .05);--border-color: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Cairo,sans-serif;background-color:var(--primary-dark);color:var(--text-white);height:100vh;width:100vw;overflow:hidden;display:flex}.sidebar{width:90px;background:#001f1d;height:100%;display:flex;flex-direction:column;align-items:center;border-left:1px solid var(--border-color);z-index:100;padding:20px 0}.logo-area{align-items:center;gap:12px;cursor:pointer}.logo-area img{height:30px}.nav-icons{display:flex;flex-direction:column;gap:10px;flex:1;width:100%;align-items:center;overflow-y:auto;scrollbar-width:none;padding:5px 0}.nav-icons::-webkit-scrollbar{display:none}.nav-btn{width:50px;height:50px;border-radius:15px;background:transparent;border:none;color:var(--text-dim);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative}.nav-btn svg{width:22px;height:22px;fill:currentColor}.nav-btn:hover{background:#ffffff0d;color:var(--accent-teal)}.nav-btn.active{background:var(--accent-teal);color:var(--primary-dark);box-shadow:0 0 15px #9cebc84d}.nav-btn:after{content:attr(title);position:absolute;right:70px;background:var(--accent-teal);color:var(--primary-dark);padding:5px 10px;border-radius:5px;font-size:11px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1000}.nav-btn:hover:after{opacity:1}.back-home-btn{margin-top:auto;width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:var(--text-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s}.back-home-btn:hover{background:var(--accent-gold);color:var(--primary-dark)}.back-home-btn svg{width:20px;height:20px;fill:currentColor}.content-area{flex:1;position:relative;background:radial-gradient(circle at top right,#0a4540,var(--primary-dark));overflow:hidden}.content-section{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .5s cubic-bezier(.25,.8,.25,1);overflow-y:auto;padding:40px}.content-section.active{opacity:1;visibility:visible;transform:translateY(0)}.content-section::-webkit-scrollbar{width:6px}.content-section::-webkit-scrollbar-track{background:#0000001a}.content-section::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:3px}.section-header{margin-bottom:30px;text-align:center}.section-header h1{font-size:36px;color:var(--accent-teal);margin-bottom:10px}.section-header p{color:var(--text-dim);font-size:16px}.hero-media{padding:30px 40px;text-align:center;margin-bottom:30px;position:relative;overflow:hidden}.hero-media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.hero-overlay{position:relative;z-index:1}.media-badge{display:inline-block;margin-bottom:20px}.hero-media h1{font-size:48px;margin-bottom:15px;color:#f37521}.hero-media p{font-size:18px;color:#fff}.media-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:40px}.media-stat-card{background:#0006;padding:15px;border-radius:15px;text-align:center;transition:.3s;border:1px solid transparent}.media-stat-card:hover{border-color:var(--accent-teal);transform:translateY(-5px)}.stat-icon{font-size:40px;margin-bottom:15px}.stat-number{font-size:36px;font-weight:700;color:var(--accent-teal);display:block;margin-bottom:5px}.stat-label{color:var(--text-dim);font-size:14px}.quick-access{background:#0006;padding:30px;border-radius:20px}.quick-access h2{color:var(--accent-teal);margin-bottom:25px;text-align:center}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.quick-card{background:#0006;padding:15px;border-radius:15px;text-align:center;cursor:pointer;transition:.3s;border:1px solid var(--border-color)}.quick-card:hover{border-color:var(--accent-teal);transform:translateY(-3px);background:#9cebc80d}.quick-icon{font-size:40px;display:block;margin-bottom:15px}.quick-card h3{font-size:16px;margin-bottom:8px}.quick-card p{font-size:12px;color:var(--text-dim)}.media-center-filter{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.filter-tab{background:#0006;border:1px solid var(--border-color);color:var(--text-white);padding:4px 20px;font-size:15px;border-radius:25px;cursor:pointer;transition:.3s;font-weight:600}.filter-tab:hover,.filter-tab.active{background:var(--accent-teal);color:var(--primary-dark);border-color:var(--accent-teal)}.media-center-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px 20px}.media-center-card{background:#0006;border-radius:15px;padding:25px;border:1px solid var(--border-color);transition:.3s;position:relative}.media-center-card:hover{transform:translateY(-5px);border-color:var(--accent-teal)}.media-center-card.featured{grid-column:span 3;background:#0006}.media-center-tag{display:inline-block;padding:4px 12px;border-radius:15px;font-size:11px;font-weight:700;margin-bottom:10px}.media-center-tag.urgent{background:#e74c3c;color:#fff}.media-center-tag.achievement{background:var(--accent-gold);color:var(--primary-dark)}.media-center-tag:not(.urgent):not(.achievement){background:var(--accent-teal);color:var(--primary-dark)}.media-center-date{color:var(--text-dim);font-size:12px;margin-bottom:10px}.media-center-card h3{color:var(--accent-teal);margin-bottom:10px;font-size:18px}.read-more-btn{background:transparent;border:1px solid var(--accent-teal);color:var(--accent-teal);padding:8px 20px;border-radius:20px;cursor:pointer;margin-top:15px;transition:.3s;font-weight:600}.read-more-btn:hover{background:var(--accent-teal);color:var(--primary-dark)}.press-releases{display:flex;flex-direction:column;gap:20px}.press-card{background:#0006;padding:30px;border-radius:15px;border:1px solid var(--border-color)}.press-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.press-meta{display:flex;gap:15px;font-size:13px;color:var(--text-dim)}.press-status.new{background:#e74c3c;color:#fff;padding:4px 12px;border-radius:15px;font-size:11px;font-weight:700}.press-card h3{color:var(--accent-teal);margin-bottom:15px}.press-actions{display:flex;gap:10px;margin-top:20px}.press-btn{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:.3s}.press-btn.download{background:var(--accent-teal);color:var(--primary-dark)}.press-btn.share{background:#0006;color:var(--text-white);border:1px solid var(--border-color)}.press-btn:hover{transform:translateY(-2px)}.gallery-filters{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.gallery-filter{background:#0006;border:1px solid var(--border-color);color:var(--text-white);padding:10px 20px;border-radius:25px;cursor:pointer;transition:.3s}.gallery-filter:hover,.gallery-filter.active{background:var(--accent-teal);color:var(--primary-dark)}.photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.photo-item{position:relative;height:250px;border-radius:15px;overflow:hidden;cursor:pointer}.photo-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .5s}.photo-item:hover .photo-img{transform:scale(1.1)}.photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;opacity:0;transition:.3s}.photo-item:hover .photo-overlay{opacity:1}.photo-overlay h4{color:var(--accent-teal);margin-bottom:10px}.download-photo-btn{background:var(--accent-teal);color:var(--primary-dark);border:none;padding:8px 15px;border-radius:8px;cursor:pointer;font-weight:700;align-self:flex-start}.video-library{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.video-card{background:#0006;border-radius:15px;overflow:hidden;transition:.3s}.video-card:hover{transform:translateY(-5px)}.video-card.featured{grid-column:span 3;display:grid;grid-template-columns:1.5fr 1fr}.video-thumbnail{position:relative;height:200px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.video-card.featured .video-thumbnail{height:100%}.play-btn{width:60px;height:60px;background:var(--accent-teal);color:var(--primary-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:.3s}.play-btn:hover{transform:scale(1.1)}.video-duration{position:absolute;bottom:10px;right:10px;background:#000c;padding:4px 8px;border-radius:5px;font-size:11px}.video-info{padding:20px}.video-tag{background:#e74c3c;color:#fff;padding:4px 12px;border-radius:15px;font-size:11px;font-weight:700;display:inline-block;margin-bottom:10px}.video-info h3,.video-info h4{color:var(--accent-teal);margin-bottom:10px}.video-meta{display:flex;gap:15px;font-size:12px;color:var(--text-dim);margin-top:10px}.reports-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.report-card{background:#0006;padding:30px;border-radius:15px;text-align:center;border:1px solid var(--border-color);transition:.3s}.report-card:hover{border-color:var(--accent-teal);transform:translateY(-5px)}.report-icon{font-size:50px;margin-bottom:15px}.report-stats{display:flex;gap:20px;justify-content:center;margin:20px 0;font-size:13px;color:var(--text-dim)}.report-download-btn{background:var(--accent-teal);color:var(--primary-dark);border:none;padding:12px 25px;border-radius:25px;cursor:pointer;font-weight:700;transition:.3s}.report-download-btn:hover{background:var(--accent-gold)}.publications-layout{display:flex;flex-direction:column;gap:40px}.pub-category h3{color:var(--accent-teal);margin-bottom:20px}.pub-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.pub-item{display:flex;gap:15px;background:#0006;padding:20px;border-radius:15px;border:1px solid var(--border-color)}.pub-cover{width:80px;height:100px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pub-title{font-size:10px;font-weight:700;color:#fff;text-align:center;padding:5px}.pub-details{flex:1;display:flex;flex-direction:column;justify-content:center}.pub-details h4{margin-bottom:5px}.pub-size{font-size:12px;color:var(--text-dim);margin-bottom:10px}.pub-dl-btn{background:var(--accent-teal);color:var(--primary-dark);border:none;width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:16px;align-self:flex-end}.infographics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.infographic-card{background:#0006;border-radius:15px;overflow:hidden;border:1px solid var(--border-color)}.infographic-img{height:250px;display:flex;align-items:center;justify-content:center}.infographic-preview{text-align:center;color:#fff}.preview-stat{font-size:48px;font-weight:700}.preview-label{font-size:14px;margin:10px 0}.preview-icon{font-size:40px}.infographic-card h4{padding:15px;text-align:center}.infographic-btn{width:100%;background:var(--accent-teal);color:var(--primary-dark);border:none;padding:12px;cursor:pointer;font-weight:700;transition:.3s}.infographic-btn:hover{background:var(--accent-gold)}.social-platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.social-card{background:#0006;padding:30px;border-radius:15px;text-align:center;border:2px solid transparent;transition:.3s}.social-card.twitter:hover{border-color:#1da1f2}.social-card.instagram:hover{border-color:#e1306c}.social-card.linkedin:hover{border-color:#0077b5}.social-card.youtube:hover{border-color:red}.social-icon{width:60px;height:60px;margin:0 auto 15px}.social-icon svg{width:100%;height:100%}.social-card.twitter .social-icon{color:#1da1f2}.social-card.instagram .social-icon{color:#e1306c}.social-card.linkedin .social-icon{color:#0077b5}.social-card.youtube .social-icon{color:red}.social-stats{margin:15px 0;color:var(--text-dim);font-size:14px}.social-follow-btn{background:var(--accent-teal);color:var(--primary-dark);border:none;padding:10px 25px;border-radius:25px;cursor:pointer;font-weight:700;transition:.3s;text-decoration:none;display:inline-block;margin-top:10px}.social-follow-btn:hover{background:var(--accent-gold)}.social-wall{background:#0006;padding:30px;border-radius:15px}.social-wall h3{color:var(--accent-teal);margin-bottom:20px}.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.post-card{background:#0003;padding:20px;border-radius:10px}.post-header{display:flex;justify-content:space-between;margin-bottom:10px}.post-platform{padding:4px 12px;border-radius:15px;font-size:11px;font-weight:700}.post-platform.twitter{background:#1da1f2;color:#fff}.post-platform.instagram{background:#e1306c;color:#fff}.post-time{color:var(--text-dim);font-size:12px}.post-engagement{display:flex;gap:15px;margin-top:15px;font-size:13px;color:var(--text-dim)}.podcast-featured{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;background:#0006;padding:30px;border-radius:20px;margin-bottom:40px}.podcast-cover{height:100%;min-height:300px;background-size:cover;background-position:center;border-radius:15px}.podcast-badge{background:#e74c3c;color:#fff;padding:6px 15px;border-radius:20px;font-size:11px;font-weight:700;display:inline-block;margin-bottom:15px}.podcast-hosts{margin:20px 0;color:var(--text-dim)}.podcast-platforms{display:flex;gap:10px}.platform-btn{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:.3s}.platform-btn.spotify{background:#1db954;color:#fff}.platform-btn.apple{background:#fa243c;color:#fff}.platform-btn.google{background:#4285f4;color:#fff}.podcast-episodes h3{color:var(--accent-teal);margin-bottom:20px}.episodes-list{display:flex;flex-direction:column;gap:15px}.episode-card{display:flex;gap:20px;background:#0006;padding:20px;border-radius:15px;align-items:center}.episode-number{background:var(--accent-teal);color:var(--primary-dark);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.episode-details{flex:1}.episode-meta{display:flex;gap:15px;margin-top:10px;font-size:12px;color:var(--text-dim)}.play-episode-btn{width:50px;height:50px;background:var(--accent-teal);color:var(--primary-dark);border:none;border-radius:50%;font-size:20px;cursor:pointer;transition:.3s}.play-episode-btn:hover{transform:scale(1.1)}.contact-layout{display:flex;gap:30px;flex-direction:column}.contact-info{display:flex;gap:20px;flex-wrap:nowrap;flex-direction:column}.contact-card{background:#0006;padding:25px;border-radius:15px;text-align:center}.contact-icon{font-size:40px;margin-bottom:15px}.contact-card h3{color:var(--accent-teal);margin-bottom:10px}.contact-card p{font-size:14px;color:var(--text-dim);margin:5px 0}.contact-form-container{background:#0006;padding:30px;border-radius:15px}.contact-form-container h3{color:var(--accent-teal);margin-bottom:25px}.media-contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:span 2}.form-group label{margin-bottom:8px;font-size:14px;color:var(--text-dim)}.form-group input,.form-group select,.form-group textarea{background:#0000004d;border:1px solid var(--border-color);color:var(--text-white);padding:12px;border-radius:8px;font-family:Cairo,sans-serif}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-teal)}.submit-btn{grid-column:span 2;background:var(--accent-teal);color:var(--primary-dark);border:none;padding:15px;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:.3s}.submit-btn:hover{background:var(--accent-gold)}.brand-guidelines{display:flex;flex-direction:column;gap:40px}.brand-section h3{color:var(--accent-teal);margin-bottom:25px}.logo-variants{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.logo-box{background:#0006;padding:30px;border-radius:15px;text-align:center}.logo-display{height:200px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.logo-display.dark{background:#2f3133}.logo-display.light{background:#fff}.logo-text-display{font-size:32px;font-weight:700;color:#b5b7ba}.logo-text-display.dark-text{color:#f37521}.logo-download{background:var(--accent-teal);color:var(--primary-dark);border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:700}.color-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.color-swatch{text-align:center}.color-box{height:120px;border-radius:10px;margin-bottom:10px;border:2px solid var(--border-color)}.color-name{display:block;font-weight:700;margin-bottom:5px}.color-code{font-size:12px;color:var(--text-dim);font-family:monospace}.typography-sample{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.font-display{background:#0006;padding:25px;border-radius:15px}.font-demo{font-size:24px;margin-top:15px}.brand-download-full{background:linear-gradient(135deg,var(--accent-teal),var(--accent-gold));padding:40px;border-radius:20px;text-align:center;color:var(--primary-dark)}.brand-guide-btn{background:var(--primary-dark);color:var(--accent-teal);border:none;padding:15px 40px;border-radius:25px;font-weight:700;cursor:pointer;margin-top:20px;font-size:16px;transition:.3s}.brand-guide-btn:hover{background:#000}@media (max-width: 1024px){.media-stats,.quick-grid,.media-center-grid,.photo-gallery,.video-library,.social-platforms,.infographics-grid{grid-template-columns:repeat(2,1fr)}.contact-layout,.podcast-featured{grid-template-columns:1fr}}.bottom-nav-extended{position:fixed;bottom:0;left:0;right:0;background:#002b28fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-columns:repeat(10,1fr);gap:2px;padding:8px 5px;border-top:1px solid rgba(229,126,58,.2);z-index:1000;box-shadow:0 -5px 20px #0000004d}.nav-item-ext{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;cursor:pointer;border-radius:10px;transition:all .3s ease;color:var(--text-dim);position:relative}.nav-item-ext:hover{background:#9cebc81a;color:var(--accent-teal);transform:translateY(-2px)}.nav-item-ext.active{background:#9cebc826;color:var(--accent-teal)}.nav-item-ext svg{flex-shrink:0}.nav-item-ext span{font-size:10px;font-weight:600;text-align:center;line-height:1.2;white-space:nowrap}.nav-item-ext.nav-more:after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;background:var(--accent-gold);border-radius:50%;animation:pulse 2s infinite}.extended-menu-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:0;transition:opacity .3s ease}.extended-menu-popup.active{pointer-events:auto;opacity:1}.extended-menu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.extended-menu-content{position:absolute;bottom:60px;left:0;right:0;max-height:75vh;background:var(--primary-dark);border-radius:25px 25px 0 0;padding:25px 20px;transform:translateY(100%);transition:transform .4s cubic-bezier(.25,.8,.25,1);overflow-y:auto;box-shadow:0 -10px 40px #00000080}.extended-menu-popup.active .extended-menu-content{transform:translateY(0)}.extended-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(229,126,58,.2)}.extended-menu-header h3{color:var(--accent-teal);font-size:20px;font-weight:700}.close-extended-menu{background:#ffffff1a;border:none;color:var(--text-white);width:35px;height:35px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s}.close-extended-menu:hover{background:var(--accent-teal);color:var(--primary-dark);transform:rotate(90deg)}.extended-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.extended-menu-section h4{color:var(--accent-teal);font-size:13px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.extended-menu-link{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:10px;text-decoration:none;color:var(--text-white);transition:all .3s;border:1px solid transparent;margin-bottom:8px}.extended-menu-link:hover{background:#9cebc81a;border-color:var(--accent-teal);transform:translate(-3px)}.extended-menu-link .link-icon{font-size:22px;flex-shrink:0}.extended-menu-link span:last-child{font-size:14px;font-weight:500}.extended-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.quick-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--accent-teal);color:var(--primary-dark);border-radius:10px;text-decoration:none;font-weight:600;font-size:13px;transition:all .3s}.quick-action-btn:hover{background:var(--text-white);transform:translateY(-2px);box-shadow:0 5px 15px #9cebc84d}.extended-menu-content::-webkit-scrollbar{width:6px}.extended-menu-content::-webkit-scrollbar-track{background:#0000001a}.extended-menu-content::-webkit-scrollbar-thumb{background:var(--accent-teal);border-radius:3px}@media (max-width: 1024px){.bottom-nav-extended{grid-template-columns:repeat(5,1fr)}.nav-item-ext:nth-child(n+6){display:none}.nav-item-ext.nav-more{display:flex}}@media (max-width: 768px){.bottom-nav-extended{grid-template-columns:repeat(5,1fr);padding:6px 3px}.nav-item-ext{padding:6px 2px}.nav-item-ext span{font-size:9px}.nav-item-ext svg{width:18px;height:18px}.extended-menu-grid{grid-template-columns:1fr}.extended-menu-content{padding:20px 15px;max-height:80vh}.extended-quick-actions{grid-template-columns:1fr}}@media (max-width: 480px){.bottom-nav-extended{grid-template-columns:repeat(5,1fr)}.nav-item-ext span{font-size:8px}.extended-menu-header h3{font-size:18px}.extended-menu-link{padding:10px}.quick-action-btn{font-size:12px;padding:10px}}.bottom-nav{display:none}.extended-menu-note{background:#9cebc81a;border:1px solid rgba(156,235,200,.3);border-radius:10px;padding:15px;margin-top:20px;text-align:center}.extended-menu-note p{color:var(--accent-teal);font-size:12px;margin:0;line-height:1.5}.extended-menu-link.main-page{background:#9cebc814;border:1px solid rgba(229,126,58,.2)}@media (max-width: 768px){.nav-item-ext span{font-size:8.5px;max-width:55px;overflow:hidden;text-overflow:ellipsis}.media-stats,.quick-grid,.video-library,.reports-grid,.pub-list,.infographics-grid,.social-platforms,.photo-gallery,.logo-variants{grid-template-columns:repeat(1,1fr)}.video-card.featured{grid-template-columns:1fr}.media-center-grid,.media-contact-form{display:flex;align-items:center;justify-content:center;flex-direction:column}.gallery-filter{padding:10px}.video-library{display:flex;flex-direction:column}}@media (max-width: 380px){.bottom-nav-extended{grid-template-columns:repeat(5,1fr);padding:5px 2px}.nav-item-ext{padding:5px 1px}.nav-item-ext svg{width:16px;height:16px}.nav-item-ext span{font-size:7.5px}.nav-item-ext:nth-child(n+6):not(.nav-more){display:none}}.nav-item-ext:nth-child(-n+9){position:relative}.nav-item-ext:nth-child(-n+9):hover:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:30px;height:2px;background:var(--accent-teal);border-radius:2px}@media (max-width: 1024px) and (min-width: 769px){.bottom-nav-extended{grid-template-columns:repeat(5,1fr)}.nav-item-ext:nth-child(n+6):not(.nav-more){display:none}.nav-item-ext.nav-more{display:flex}}@media (min-width: 1400px){.bottom-nav-extended{padding:10px 20px;max-width:1400px;margin:0 auto;left:50%;transform:translate(-50%);border-radius:20px 20px 0 0}.nav-item-ext{padding:10px 8px}.nav-item-ext span{font-size:11px}}:root{--primary-dark: #4a4a4a;--primary-medium: #5a5a5a;--primary-light: #6a6a6a;--accent-orange: #ff8c42;--accent-orange-light: #ffad70;--accent-orange-dark: #e67530;--text-white: #ffffff;--text-gray: #d1d1d1;--text-dim: #b0b0b0;--glass-bg: rgba(74, 74, 74, .05);--border-color: rgba(255, 140, 66, .2);--shadow-color: rgba(0, 0, 0, .3)}body{font-family:Cairo,sans-serif;background:linear-gradient(135deg,#3a3a3a,#4a4a4a);color:var(--text-white);margin:0;padding:0}.map-sidebar{background:#4a4a4af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:2px solid var(--accent-orange)}.sidebar-title{color:var(--accent-orange);font-size:24px;font-weight:700}.sidebar-subtitle{color:var(--text-dim)}.search-input{background:#ffffff1a;border:1px solid rgba(255,140,66,.3);color:var(--text-white)}.search-input:focus{border-color:var(--accent-orange);box-shadow:0 0 0 3px #ff8c4233}.filter-chip{background:#ffffff0d;border:1px solid rgba(255,140,66,.3);color:var(--text-white)}.filter-chip:hover{background:#ff8c4233;border-color:var(--accent-orange);color:var(--accent-orange)}.filter-chip.active{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange);box-shadow:0 4px 15px #ff8c424d}.station-card{background:#4a4a4a99;border:1px solid rgba(255,140,66,.2);transition:all .3s}.station-card:hover{background:#4a4a4acc;border-color:var(--accent-orange);transform:translate(-5px);box-shadow:0 5px 20px #ff8c4233}.station-card.active{background:#ff8c4226;border-color:var(--accent-orange);border-width:2px}.station-name{color:var(--text-white)}.station-location{color:var(--text-dim)}.station-status{background:var(--accent-orange);color:#fff}.station-status.closed{background:#e74c3c}.action-btn{background:#ffffff0d;border:1px solid rgba(255,140,66,.3);color:var(--text-white)}.action-btn:hover{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange);box-shadow:0 4px 12px #ff8c424d}.map-control-btn{background:#4a4a4af2;border:1px solid rgba(255,140,66,.3);color:var(--text-white)}.map-control-btn:hover{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange);box-shadow:0 5px 20px #ff8c4266}.custom-marker{background:var(--accent-orange);border:3px solid white;box-shadow:0 3px 15px #ff8c4280}.custom-marker:hover{box-shadow:0 5px 25px #ff8c42b3}.leaflet-popup-content-wrapper{background:var(--primary-dark);color:#fff;border:2px solid var(--accent-orange)}.leaflet-popup-tip{background:var(--primary-dark)}.popup-title{color:var(--accent-orange)}.popup-location{color:var(--text-dim)}.popup-btn{background:var(--accent-orange);color:#fff;border:none}.popup-btn:hover{background:var(--accent-orange-dark)}.viewer-360-modal{background:#000000f2}.viewer-title{color:var(--accent-orange)}.close-viewer-btn{background:#ffffff1a;border:1px solid rgba(255,140,66,.3)}.close-viewer-btn:hover{background:var(--accent-orange);color:#fff}.viewer-controls{background:#4a4a4af2;border:1px solid rgba(255,140,66,.3)}.viewer-control-btn{background:#ffffff0d;border:1px solid rgba(255,140,66,.2);color:var(--text-white)}.viewer-control-btn:hover,.viewer-control-btn.active{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange)}.scene-thumbnail{border:2px solid transparent}.scene-thumbnail:hover{border-color:var(--accent-orange)}.scene-thumbnail.active{border-color:var(--accent-orange);box-shadow:0 0 20px #ff8c4299}.station-info-panel{background:#4a4a4afa;border:2px solid var(--accent-orange)}.info-panel-title{color:var(--accent-orange)}.info-panel-location{color:var(--text-dim)}.info-row{border-bottom:1px solid rgba(255,140,66,.2)}.info-label{color:var(--text-dim)}.panel-action-btn{background:var(--accent-orange);color:#fff}.panel-action-btn:hover{background:var(--accent-orange-dark);box-shadow:0 4px 15px #ff8c4266}.panel-action-btn.secondary{background:#ffffff1a;color:var(--accent-orange);border:1px solid var(--accent-orange)}.panel-action-btn.secondary:hover{background:#ff8c4233}.chatbot-toggle{background:linear-gradient(135deg,var(--accent-orange) 0%,var(--accent-orange-dark) 100%);box-shadow:0 8px 30px #ff8c4266}.chatbot-toggle:hover{box-shadow:0 12px 40px #ff8c4299}.chatbot-header{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-medium) 100%);border-bottom:2px solid var(--accent-orange)}.bot-info h3{color:var(--accent-orange)}.status-dot{background:var(--accent-orange)}.quick-action:hover{background:var(--accent-orange);border-color:var(--accent-orange);color:#fff}.bot-message .message-bubble{background:#4a4a4acc;color:#fff;border:1px solid rgba(255,140,66,.3)}.user-message .message-bubble,.send-btn{background:linear-gradient(135deg,var(--accent-orange) 0%,var(--accent-orange-dark) 100%);color:#fff}.send-btn:hover{box-shadow:0 4px 12px #ff8c4266}.message-button{background:var(--accent-orange);color:#fff}.message-button:hover{background:var(--accent-orange-dark);box-shadow:0 4px 12px #ff8c424d}.stations-list::-webkit-scrollbar-thumb{background:var(--accent-orange);border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--accent-orange)}.chatbot-input::-webkit-scrollbar-thumb{background:var(--accent-orange)}.loading-spinner{border:4px solid rgba(255,140,66,.2);border-top-color:var(--accent-orange)}.update-banner{background:linear-gradient(135deg,var(--accent-orange) 0%,var(--accent-orange-dark) 100%);color:#fff}.notification-prompt{background:#4a4a4afa;border:2px solid var(--accent-orange)}.prompt-text h3{color:var(--accent-orange)}.btn-enable{background:var(--accent-orange);color:#fff}.btn-enable:hover{background:var(--accent-orange-dark);box-shadow:0 5px 15px #ff8c424d}.install-prompt{background:linear-gradient(135deg,var(--accent-orange) 0%,var(--accent-orange-dark) 100%)}.btn-install{background:var(--primary-dark);color:var(--accent-orange)}.btn-install:hover{background:var(--primary-medium)}.footer{background:var(--primary-dark);border-top:2px solid var(--accent-orange);color:var(--text-white)}.footer-title{color:var(--accent-orange)}.footer a{color:var(--text-dim)}.footer a:hover{color:var(--accent-orange)}button:not(.header-btn):not(.action-btn):not(.send-btn){background:var(--accent-orange);color:#fff;border:none}button:not(.header-btn):not(.action-btn):not(.send-btn):hover{background:var(--accent-orange-dark)}a{color:var(--accent-orange);text-decoration:none}a:hover{color:var(--accent-orange-light)}.gradient-orange{background:linear-gradient(135deg,var(--accent-orange) 0%,var(--accent-orange-dark) 100%)}.gradient-gray{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-medium) 100%)}.shadow-orange{box-shadow:0 5px 20px #ff8c424d}.shadow-orange-hover:hover{box-shadow:0 8px 30px #ff8c4280}.logo-icon svg path:first-child{fill:var(--primary-dark)}.logo-icon svg path:last-child{fill:var(--accent-orange)}@keyframes glow-orange{0%,to{box-shadow:0 0 5px #ff8c4280}50%{box-shadow:0 0 20px #ff8c42cc}}.glow-animation{animation:glow-orange 2s infinite}.hover-orange:hover{color:var(--accent-orange);transition:color .3s ease}.hover-scale:hover{transform:scale(1.05);transition:transform .3s ease}.border-orange{border:2px solid var(--accent-orange)}.border-gray{border:1px solid rgba(255,140,66,.2)}.bg-dark{background:var(--primary-dark)}.bg-orange{background:var(--accent-orange)}.bg-orange-light{background:#ff8c421a}.text-orange{color:var(--accent-orange)}.text-gray{color:var(--text-gray)}.text-dim{color:var(--text-dim)}.character-container{height:100%;width:100%;overflow:hidden;border-radius:16px;margin-right:15px;position:relative}.character-image-side{width:100%;height:100%;object-fit:contain;object-position:top center}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.contact-card{padding:30px 20px!important;height:auto!important;min-height:unset!important}.contact-card{padding:30px 20px!important;height:auto!important;min-height:unset!important;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-icon{font-size:2rem;margin-bottom:10px}.contact-card h3{margin-bottom:5px;font-size:1.2rem}.contact-card p{margin-bottom:2px}