@import"https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;600;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;900&display=swap";html,body,#root{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto}:root{--brand-color: #1045A1;--brand-secondary: #FB7185;--brand-color-static: #1045A1;--brand-secondary-static: #FB7185;--brand-mint: #3B9F78;--brand-light: #FAF8F5;--text-dark: #1E293B;--bg-light: #FAF8F5;--bg-card: rgba(255, 255, 255, .8);--color-primary: var(--brand-color);--color-secondary: var(--brand-secondary);--z-bg: 0;--z-base: 1;--z-game: 2;--z-hero-card: 20;--z-drawer: 500;--z-banner: 100;--z-sticky: 1000;--z-fixed: 9990;--z-modal: 9999;--z-toast: 10000}*{box-sizing:border-box;margin:0;padding:0}body{background:#faf8f5;font-family:Heebo,sans-serif;color:var(--text-dark)}.website-root{position:relative;width:100%;min-height:100vh;margin:0;padding:0;background:linear-gradient(135deg,#fffdf6,#faf5ec,#fff0e2);overflow-x:hidden}.website-ui-overlay,.website-wrapper{font-family:Heebo,sans-serif;color:var(--text-dark);position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;z-index:10}.glass-orb{position:absolute;border-radius:50%;filter:blur(120px);z-index:0;opacity:.35;animation:floatOrb 12s ease-in-out infinite alternate;pointer-events:none!important}.orb-primary{width:600px;height:600px;background:radial-gradient(circle,#1045a126,#1045a100 70%);top:-200px;right:-100px}.orb-secondary{width:700px;height:700px;background:radial-gradient(circle,#fb71851f,#fb718500 70%);top:35vh;left:-200px;animation-delay:-5s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(-30px,50px) scale(1.1)}}.glass-panel{background:#ffffffbf;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid rgba(255,255,255,.5);box-shadow:0 10px 30px #1045a10a;transition:all .4s cubic-bezier(.165,.84,.44,1)}.dir-he{direction:rtl}.dir-ar{direction:rtl;font-family:Tajawal,sans-serif}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:6px 24px!important;margin:10px auto!important;border-radius:16px!important;max-width:95%!important;position:sticky;top:10px;z-index:1000;background:#ffffffe6!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(16,69,161,.08)!important;box-shadow:0 10px 30px #1045a108!important;height:60px!important;box-sizing:border-box!important;flex-wrap:nowrap!important}.main-nav:hover{background:#fffffff2!important;box-shadow:0 15px 35px #1045a10d}.nav-brand{display:flex;align-items:center;gap:8px!important;flex-shrink:0!important}.mock-logo{width:36px;height:36px;background:transparent;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:none}.nav-brand h2{font-size:1.05rem!important;font-weight:900;color:var(--brand-color-static, #1045A1)!important;white-space:nowrap!important;margin:0}.nav-links{list-style:none;display:flex;align-items:center;gap:8px!important;margin:0;padding:0;flex-wrap:nowrap!important}.nav-link-item{text-decoration:none;color:#475569!important;font-weight:700;font-size:.82rem!important;transition:all .25s ease;padding:6px 8px!important;border-radius:8px;white-space:nowrap!important}.nav-link-item:hover{color:var(--brand-color-static, #1045A1)!important;background:#1045a10d!important}.btn-portal{background:var(--brand-color-static, #1045A1)!important;color:#fff!important;border:none!important;padding:6px 12px!important;border-radius:8px!important;font-size:.8rem!important;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #1045a11a!important;transition:all .25s ease;white-space:nowrap!important;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-portal:hover{background:#0d3885!important;transform:translateY(-1px)}.btn-portal-secondary{background:var(--brand-secondary-static, #FB7185)!important;color:#fff!important;border:none!important;padding:6px 12px!important;border-radius:8px!important;font-size:.8rem!important;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #fb71851a!important;transition:all .25s ease;white-space:nowrap!important;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-portal-secondary:hover{background:#f43f5e!important;transform:translateY(-1px)}.lang-toggle-btn{background:#1045a10d!important;border:1px solid rgba(16,69,161,.1)!important;color:var(--brand-color-static, #1045A1)!important;padding:6px 10px!important;border-radius:8px!important;font-size:.8rem!important;font-weight:700!important;cursor:pointer;transition:all .25s ease}.lang-toggle-btn:hover{background:var(--brand-color);color:#fff;border-color:var(--brand-color)}.hero-section{position:relative;width:100%;min-height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;padding-top:100px}.hero-campus-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;isolation:isolate;background:linear-gradient(135deg,#fffdf6,#faf5ec,#fff0e2);pointer-events:auto}.hero-header-overlay{position:relative;z-index:10;text-align:center;direction:rtl;max-width:800px;padding:24px 40px;margin:10px auto 28px;pointer-events:none;background:#ffffffbf!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:24px;box-shadow:0 20px 40px #1045a10d,inset 0 0 25px #fff3;animation:floatOverlay 6s ease-in-out infinite alternate}@keyframes floatOverlay{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.hero-title{font-family:Tajawal,Heebo,sans-serif;font-size:2.8rem;font-weight:900;color:var(--brand-color);margin-bottom:14px;line-height:1.25;display:inline-block}.hero-subtitle{font-size:1.15rem;color:#475569!important;font-weight:700;margin:0;line-height:1.7}.hero-view-toggle{display:none!important}.zone-navigator{position:relative;z-index:20;display:flex;gap:12px;padding:6px;background:#fffc!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:20px;box-shadow:0 10px 25px #1045a10a;max-width:90%;overflow-x:auto;scrollbar-width:none}.zone-navigator::-webkit-scrollbar{display:none}.zone-nav-btn{background:transparent;border:1px solid transparent;color:#475569;padding:8px 18px;border-radius:14px;font-size:.9rem;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .25s ease;white-space:nowrap}.zone-nav-btn:hover{background:#1045a10d;color:var(--brand-color)}.zone-nav-btn.active{background:var(--brand-color);color:#fff;box-shadow:0 6px 16px #1045a126}.zone-icon{font-size:1.2rem}.hero-side-drawer{position:absolute;top:100px;bottom:40px;right:40px;width:380px;background:#fffc!important;backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:24px;box-shadow:-20px 0 60px #1045a10d;padding:32px;display:flex;flex-direction:column;z-index:var(--z-drawer, 500);transform:translate(450px);opacity:0;transition:all .45s cubic-bezier(.165,.84,.44,1);direction:rtl;text-align:right}.hero-side-drawer.open{transform:translate(0);opacity:1}.drawer-close-btn{position:absolute;top:24px;left:24px;background:#1045a10d;border:1px solid rgba(16,69,161,.1);color:var(--brand-color);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;transition:all .2s}.drawer-close-btn:hover{background:#1045a126;transform:rotate(90deg)}.drawer-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;margin-top:16px}.drawer-icon{font-size:2.2rem}.drawer-title{font-size:1.5rem;font-weight:800;color:var(--brand-color);margin:0}.drawer-body{flex:1;display:flex;flex-direction:column;justify-content:space-between}.drawer-description{font-size:.95rem;line-height:1.7;color:#cbd5e1;margin:0}.drawer-actions{margin-top:32px}.btn-launch-game{width:100%;background:linear-gradient(135deg,var(--brand-color, #d81b60) 0%,var(--brand-secondary, #ff4081) 100%);color:#fff;border:1px solid rgba(255,255,255,.15);padding:16px 24px;font-size:1.1rem;font-weight:800;border-radius:20px;cursor:pointer;box-shadow:0 10px 25px #ff40814d;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}.btn-launch-game:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px #ff408173;border-color:#fff}.game-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02040aa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:var(--z-modal, 9999);display:flex;align-items:center;justify-content:center;padding:24px;animation:modalFadeIn .35s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.game-modal-content{width:100%;max-width:760px;max-height:90vh;background:#0a0f23d9!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:32px;box-shadow:0 30px 80px #000000a6,0 0 50px #ff408114;display:flex;flex-direction:column;overflow-y:auto;position:relative;animation:modalZoomIn .4s cubic-bezier(.165,.84,.44,1)}@keyframes modalZoomIn{0%{transform:scale(.9) translateY(20px)}to{transform:scale(1) translateY(0)}}.game-modal-close{position:absolute;top:24px;left:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:all .2s;z-index:10}.game-modal-close:hover{background:#ffffff26;transform:rotate(90deg)}.game-modal-header{padding:24px 32px 16px;border-bottom:1px solid rgba(255,255,255,.06);direction:rtl;text-align:right}.game-title{margin:0;font-size:1.4rem;font-weight:800;color:var(--brand-secondary, #ff4081)}.game-modal-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column}.game-modal-footer{padding:16px 32px;border-top:1px solid rgba(255,255,255,.06);background:#02040a4d;display:flex;align-items:center;justify-content:center}.campus-map-mode .hero-header-overlay{display:none!important}.campus-map-mode .hero-main-card{flex:unset;height:auto;animation:slideToCorner .4s cubic-bezier(.165,.84,.44,1)}.campus-map-mode .hero-game-tabs,.campus-map-mode .hero-game-body{display:none}@keyframes slideToCorner{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.campus-map-mode .hero-game-overlay{left:50%!important;right:auto!important;transform:translate(-50%)!important;width:calc(100% - 24px)!important;top:auto!important;bottom:16px!important;height:auto!important}}@media (max-width: 768px){.hero-game-overlay{top:65px;bottom:8px;width:calc(100% - 24px)}.hero-main-card{border-radius:20px}.hero-card-title{font-size:1.4rem}.hero-card-header{padding:14px 16px 10px}.hero-game-tabs{gap:5px;padding:8px 12px}.game-tab-btn{padding:6px 12px;font-size:.76rem}.hero-card-footer{padding:10px 12px;gap:8px}}.btn-cta{background:linear-gradient(135deg,var(--brand-secondary),var(--brand-color));color:#fff;border:none;padding:15px 40px;font-size:1.2rem;font-weight:800;border-radius:30px;cursor:pointer;box-shadow:0 10px 25px #13203c33;transition:all .3s ease;position:relative;z-index:2}.btn-cta:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 30px #d4b27159}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto}.social-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000000d;transition:transform .3s}.social-card:hover{transform:translateY(-5px)}.social-card-img{height:200px;background-size:cover;background-position:center}.bg-graph-1{background-color:#bee3f8}.bg-graph-2{background-color:#c6f6d5}.bg-graph-3{background-color:#fed7d7}.social-card-content{padding:25px}.social-date{font-size:.85rem;color:#a0aec0;font-weight:600;display:block;margin-bottom:15px}.social-card-content p{line-height:1.6;color:#4a5568}.features-section{padding:80px 50px;text-align:center;position:relative;z-index:1}.features-section h2{font-size:2.5rem;margin-bottom:50px;color:var(--text-dark)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.feature-card{padding:30px;border-radius:20px;transition:transform .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.feature-icon{width:60px;height:60px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.feature-card h3{margin-bottom:15px;color:var(--text-dark)}.feature-card p{color:#4a5568;line-height:1.6}.testimonials-section{padding:80px 50px;text-align:center;position:relative;z-index:1}.testimonials-section h2{font-size:2.5rem;margin-bottom:50px;color:var(--text-dark)}.testi-wrapper{display:flex;gap:30px;max-width:1000px;margin:0 auto;flex-wrap:wrap;justify-content:center}.testi-card{padding:35px;border-radius:16px;flex:1;min-width:300px;text-align:right}.dir-ar .testi-card{text-align:right;border-right:none!important;border-left:4px solid var(--brand-color)}.testi-card p{font-size:1.1rem;font-style:italic;color:#4a5568;margin-bottom:20px;line-height:1.6}.testi-author{font-weight:800;color:var(--brand-secondary)}.leads-section{position:relative;z-index:1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffbf;border-top:1px solid rgba(16,69,161,.08)}.leads-section h2{color:var(--brand-color)!important;font-weight:900}.site-footer{text-align:center;padding:40px 40px 100px;background:#1045a108;border-top:1px solid rgba(16,69,161,.08);font-weight:600;color:#475569}.floating-whatsapp{position:fixed;bottom:max(30px,env(safe-area-inset-bottom,0px) + 20px);right:30px;background:linear-gradient(135deg,#25d366,#128c7e);width:60px;height:60px;border-radius:50%;text-align:center;box-shadow:0 10px 20px #25d3664d;display:flex;align-items:center;justify-content:center;z-index:var(--z-fixed, 1000);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.floating-whatsapp:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 15px 25px #25d36666}.floating-whatsapp:before{content:"";position:absolute;width:100%;height:100%;background:#25d36680;border-radius:50%;z-index:0;animation:wa-pulse 2s infinite}@keyframes wa-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}[dir=ltr] .floating-whatsapp{right:auto;left:30px}@media screen and (max-width: 768px){.floating-whatsapp{bottom:max(100px,env(safe-area-inset-bottom,0px) + 80px)!important;left:20px!important;right:auto!important;width:52px!important;height:52px!important}}@media screen and (max-width: 900px){.main-nav{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1000;padding:10px 16px!important;margin:10px auto!important;border-radius:20px;background:#ffffffd9!important;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(16,69,161,.12);box-shadow:0 10px 40px #1045a10f;transition:border-radius .3s ease,background .3s ease;flex-wrap:wrap}.nav-brand{display:flex;align-items:center;gap:8px!important;flex-shrink:1!important;min-width:0!important;max-width:calc(100% - 48px)!important}.nav-brand h2{font-size:.95rem!important;font-weight:900;color:var(--brand-color-static, #1045A1)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:60vw!important;margin:0}.hamburger-btn{display:flex!important;margin-inline-start:auto!important;flex-shrink:0!important;z-index:1010}.main-nav.menu-open{border-radius:20px 20px 0 0;background:#fffffff2!important}.nav-links{display:none;width:100%;flex-direction:column;gap:16px;margin-top:16px;padding:16px 0;border-top:1px solid rgba(16,69,161,.08);align-items:center}.nav-actions{display:none!important;width:100%;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid rgba(16,69,161,.08);align-items:center}.main-nav.menu-open .nav-links{display:flex;animation:slideDownMenu .3s ease-out forwards}.main-nav.menu-open .nav-actions{display:flex!important;animation:slideDownMenu .3s ease-out forwards}.nav-links li{width:100%;text-align:center}.nav-link-item{display:block;padding:10px 0;font-size:1.1rem;color:#475569!important}.nav-link-item:hover{color:var(--brand-color-static, #1045A1)!important}}.mobile-active-station-card{display:none}@media (max-width: 768px){.mobile-active-station-card{display:flex;flex-direction:column;gap:10px;margin:14px 0;padding:12px;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(16,69,161,.12);border-radius:18px;box-shadow:0 8px 25px #1045a10d;direction:rtl;text-align:right}.mobile-station-img-wrapper{position:relative;width:100%;height:170px;border-radius:14px;overflow:hidden}.mobile-station-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:all .4s ease}.mobile-station-badge{position:absolute;top:10px;right:10px;color:#fff;padding:4px 12px;border-radius:16px;font-weight:800;font-size:.78rem;display:flex;align-items:center;gap:6px;box-shadow:0 4px 10px #0000002e}.mobile-station-info h4{font-size:1.15rem;font-weight:900;margin:4px 0}.mobile-station-info p{font-size:.86rem;line-height:1.5;color:#475569;margin:0 0 6px}.mobile-station-info ul{margin:0;padding-right:16px;font-size:.82rem;color:#334155;font-weight:600;display:flex;flex-direction:column;gap:4px}.desktop-only-stage{display:none!important}.zone-vertical-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.zone-vertical-btn{padding:8px 10px!important;font-size:.82rem!important;border-radius:10px!important;justify-content:center!important;gap:6px!important}}@keyframes slideDownMenu{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.secondary-cta:hover{background:var(--brand-color)!important;color:#fff!important;box-shadow:0 10px 25px #13203c33!important;transform:translateY(-3px) scale(1.05)}.feature-card{animation:cardEntrance .8s cubic-bezier(.165,.84,.44,1) forwards;opacity:0;transform:translateY(20px)}.feature-card:hover{transform:translateY(-8px) scale(1.03)!important;box-shadow:0 20px 45px #00000014!important;background:#fffc;border-color:var(--brand-color)}@keyframes cardEntrance{to{opacity:1;transform:translateY(0)}}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:10;animation:bounce 2s infinite}.scroll-text{font-size:.95rem;font-weight:800;color:var(--brand-color);margin-bottom:8px;text-shadow:0 1px 4px rgba(255,255,255,.8)}.mouse-wheel{width:24px;height:40px;border:2px solid var(--brand-color);border-radius:12px;position:relative}.wheel{width:4px;height:8px;background:var(--brand-color);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scrollWheel 1.5s infinite}@keyframes scrollWheel{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,15px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,-10px)}60%{transform:translate(-50%,-5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeInUp .5s cubic-bezier(.165,.84,.44,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.social-wall-section{padding:10px 30px 60px;background:var(--bg-light)}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px;max-width:1200px;margin:0 auto}.social-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px #13203c12;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.social-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #13203c24}.social-card-img{background-size:cover;background-position:center;flex-shrink:0;position:relative}.social-card-content{padding:16px 20px;flex:1}.social-card-content p{margin:0;line-height:1.65;color:#475569;font-size:.92rem}section#about,section#social,section#leads,section#features,section#contact,section#testimonials,.features-section,.testimonials-section,.leads-section{scroll-margin-top:130px}@keyframes neonPulse{0%,to{box-shadow:0 0 20px #8b5cf626,0 30px 70px #0000008c}50%{box-shadow:0 0 40px #8b5cf640,0 30px 70px #0000008c}}.hero-main-card{animation:neonPulse 4s ease-in-out infinite}@media (max-width: 600px){.social-wall-section{padding:10px 16px 40px}.social-grid{grid-template-columns:1fr;gap:16px}}.leads-form-card{max-width:600px!important;margin:40px auto!important;padding:36px!important;background:#fffc!important;border:1px solid rgba(16,69,161,.15)!important;border-radius:28px!important;box-shadow:0 20px 50px #1045a108!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;direction:rtl!important}.leads-form-title{font-size:28px!important;font-weight:900!important;text-align:center!important;color:var(--brand-color)!important;margin-bottom:10px!important}.leads-form-subtitle{text-align:center!important;color:#475569!important;margin-bottom:30px!important;font-size:.95rem!important;line-height:1.6!important}.leads-form-group{padding:20px!important;background:#fff9!important;border:1px solid rgba(16,69,161,.08)!important;border-radius:16px!important;margin-bottom:20px!important}.leads-form-group-title{font-size:1.1rem!important;font-weight:800!important;margin-bottom:15px!important;color:var(--brand-color)!important}.leads-form-label{display:block!important;margin-bottom:5px!important;font-size:14px!important;color:#334155!important;font-weight:600!important;text-align:right!important}.leads-form-input{width:100%!important;padding:12px 15px!important;border-radius:8px!important;border:1px solid rgba(16,69,161,.15)!important;background:#fff!important;color:#1e293b!important;font-size:15px!important;outline:none!important;transition:border-color .2s,box-shadow .2s!important;box-sizing:border-box!important}.leads-form-input:focus{border-color:var(--brand-color)!important;box-shadow:0 0 0 3px #1045a126!important}.leads-form-input::placeholder{color:#94a3b8!important}.hero-left-panel{position:absolute;top:100px;bottom:20px;left:40px;width:420px;background:#ffffffd9!important;backdrop-filter:blur(25px) saturate(180%)!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;border:1px solid rgba(16,69,161,.12)!important;border-radius:24px;box-shadow:20px 0 60px #1045a108;padding:16px 20px;display:flex;flex-direction:column;justify-content:space-between;z-index:20;animation:slideInLeftPanel .6s cubic-bezier(.16,1,.3,1) forwards;max-height:calc(100% - 120px);overflow-y:auto;scrollbar-width:thin}@keyframes slideInLeftPanel{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}.panel-header{margin-bottom:8px;text-align:right;direction:rtl;border-right:4px solid var(--brand-color);padding-right:14px;position:relative}.panel-header:after{content:"";position:absolute;top:0;bottom:0;right:-4px;width:4px;background:var(--brand-color);border-radius:4px}.hero-title{font-family:Tajawal,Heebo,sans-serif;font-size:1.5rem!important;font-weight:900;color:var(--brand-color)!important;margin-bottom:6px;line-height:1.3}.hero-subtitle{font-size:.92rem!important;color:#475569!important;font-weight:600;line-height:1.5;text-shadow:none!important}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#1045a10d;border:1px solid rgba(16,69,161,.15);padding:4px 12px;border-radius:30px;margin-bottom:8px;box-shadow:0 4px 15px #1045a105}.badge-icon{font-size:.9rem}.badge-text{font-size:.78rem;font-weight:800;color:var(--brand-color);letter-spacing:.05em;text-transform:uppercase}.highlight-gradient{background:#1045a10d;border-bottom:2px solid var(--brand-color);padding:2px 8px;border-radius:6px;color:var(--brand-color)!important;font-weight:800}.navigator-title{font-size:.85rem;font-weight:800;color:var(--brand-color);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em;direction:rtl;text-align:right}.zone-vertical-list{display:flex;flex-direction:column;gap:6px}.zone-vertical-btn{background:#1045a105;border:1px solid rgba(16,69,161,.08);color:#475569;padding:8px 16px;border-radius:12px;font-size:.92rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease;direction:rtl;text-align:right;width:100%}.zone-vertical-btn:hover{background:#1045a10f;border-color:var(--brand-color);color:var(--brand-color)}.zone-vertical-btn.active{background:var(--brand-color-static, #1045A1)!important;color:#fff!important;border-color:var(--brand-color-static, #1045A1)!important;box-shadow:0 4px 12px #1045a126!important}.btn-cta-panel{background:var(--brand-secondary-static, #FB7185)!important;color:#fff!important;border:none!important;padding:12px 20px!important;font-size:1rem!important;font-weight:800!important;border-radius:14px!important;cursor:pointer!important;box-shadow:0 4px 12px #fb718540!important;transition:all .25s ease!important}.btn-cta-panel:hover{background:#f43f5e!important;transform:translateY(-2px)!important;box-shadow:0 6px 18px #fb718559!important}.btn-cta-panel-disabled{background:#1045a10a;border:1px solid rgba(16,69,161,.08);color:#94a3b8;padding:12px 20px;font-size:1rem;font-weight:800;border-radius:14px;text-align:center}@media (max-width: 768px){.hero-left-panel{position:relative;top:0;left:0;width:auto!important;margin:12px 16px!important;border-radius:20px;box-shadow:0 10px 30px #1045a105!important;animation:none;padding:20px;box-sizing:border-box}.hero-section{height:auto;min-height:auto;overflow-y:auto;padding-top:100px!important;padding-bottom:40px}.hero-campus-bg{position:relative;height:400px}}#blog{scroll-margin-top:100px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;direction:rtl;text-align:right}.blog-card{border-radius:24px;overflow:hidden;background:#ffffff05!important;border:1px solid rgba(255,255,255,.08)!important;cursor:pointer;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;flex-direction:column;height:420px;position:relative}.blog-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0006,0 0 25px #ff40811a!important;border-color:#ff408166!important;background:#ffffff0a!important}.blog-card:hover .blog-card-title{color:var(--brand-secondary, #ff4081)}.blog-card-title{transition:color .3s ease}.blog-modal-content ::-webkit-scrollbar{width:8px}.blog-modal-content ::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.blog-modal-content ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.blog-modal-content ::-webkit-scrollbar-thumb:hover{background:#fff3}@media screen and (max-width: 600px){.blog-grid{grid-template-columns:1fr;gap:20px}.blog-card{height:auto;min-height:380px}}#three-background-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:auto}.website-ui-overlay,.website-wrapper{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;z-index:10}.main-nav,.hero-left-panel,.hero-side-drawer,.game-modal-overlay,.game-modal-content,.blog-grid,.blog-card,.blog-modal-content,.leads-section,.leads-form-card,.site-footer,.floating-whatsapp,.lang-toggle-btn,.view-toggle-btn,.btn-portal,.btn-launch-game,.btn-cta-panel,.zone-vertical-btn,.drawer-close-btn,.game-modal-close,.btn-whatsapp-share,.scroll-indicator,.top-announcement-banner,.hero-game-overlay,.hero-main-card,.hero-game-tabs,.game-tab-btn,.hero-game-body,.hero-card-footer,#three-background-canvas *,.hotspot-pin,.hotspot-pin *{pointer-events:auto!important}.station-content-pane{opacity:0;transform:translateY(20px) scale(.98);pointer-events:none!important;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);display:none}.station-content-pane.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto!important;display:block}.hero-game-overlay{position:relative;width:100%;max-width:900px;margin:30px auto;z-index:var(--z-hero-card, 20);padding:0 20px}.hero-main-card{background:#0a0f238c!important;backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:32px;box-shadow:0 30px 80px #000000a6,0 0 50px #ff408114;padding:32px;display:flex;flex-direction:column;gap:20px;animation:neonPulse 4s ease-in-out infinite}.hero-card-header{text-align:center}.hero-card-title{font-family:Tajawal,Heebo,sans-serif;font-size:2.2rem;font-weight:900;margin-bottom:8px;background:linear-gradient(135deg,#ffffff 0%,var(--brand-secondary, #ff4081) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero-card-subtitle{font-size:1rem;color:#94a3b8;line-height:1.6;max-width:700px;margin:0 auto}.hero-game-tabs{display:flex;justify-content:center;gap:12px;background:#ffffff08;padding:8px;border-radius:20px;border:1px solid rgba(255,255,255,.05);margin-bottom:10px}.game-tab-btn{background:transparent;border:1px solid transparent;color:#94a3b8;padding:10px 24px;border-radius:14px;font-size:.95rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);white-space:nowrap}.game-tab-btn:hover:not(.active){background:#ffffff0d;color:#fff}.game-tab-btn.active{background:linear-gradient(135deg,var(--brand-color, #d81b60) 0%,var(--brand-secondary, #ff4081) 100%);color:#fff;border-color:#ffffff26;box-shadow:0 8px 24px #ff408159}.hero-game-body{border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.hero-card-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.btn-whatsapp-share{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;padding:12px 24px;border-radius:30px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 20px #25d36640;transition:all .25s ease;font-family:inherit;font-size:.95rem}.btn-whatsapp-share:hover{transform:translateY(-2px);box-shadow:0 10px 25px #25d36659}.page-view-wrapper{position:relative;width:100%;flex-grow:1}section#about,section#social,section#leads,section#branches{padding-top:130px!important}.page-view-wrapper.has-active-page,.hero-section,#about,#blog,#social,#leads,#branches,#games,.main-nav,.hero-left-panel,.hero-right-stage,.glass-panel,.site-footer,.floating-whatsapp,button,a,input,select,textarea{pointer-events:auto!important}.hero-right-stage{position:absolute;top:100px;bottom:20px;right:40px;left:480px;border-radius:28px;border:1px solid rgba(16,69,161,.1)!important;box-shadow:0 20px 50px #1045a108!important;background:#ffffff80!important;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:auto!important;overflow:hidden}@media (max-width: 768px){.hero-right-stage{position:relative;top:0;right:0;left:0;width:auto!important;height:auto!important;min-height:480px;margin:20px 16px!important;padding:16px!important;display:flex;justify-content:center;z-index:15;pointer-events:auto!important;border-radius:20px}}.hamburger-btn{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1010;outline:none}.hamburger-line{width:30px;height:3px;background-color:var(--brand-color-static, #1045A1)!important;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.hamburger-btn.open .hamburger-line:first-child{transform:rotate(45deg) translate(2px,2px)}.site-header{position:sticky;top:0;left:0;right:0;z-index:1000;width:100%;padding:12px 24px}.modern-nav-shell{max-width:1360px;margin:0 auto;background:#ffffffe0!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(16,69,161,.12)!important;border-radius:20px;box-shadow:0 10px 30px #1045a10a;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;direction:rtl}.brand-link{display:flex;align-items:center;gap:12px;text-decoration:none;cursor:pointer}.brand-text-block{display:flex;flex-direction:column;text-align:right}.brand-title{font-family:Tajawal,Heebo,sans-serif;font-size:1.15rem;font-weight:900;color:var(--brand-color-static, #1045A1);margin:0;line-height:1.2}.brand-subtitle{font-size:.76rem;color:#64748b;font-weight:600}.mock-logo{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;background:#1045a10d}.desktop-nav-links{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}.nav-link-item{color:#334155;text-decoration:none;font-size:.92rem;font-weight:700;padding:8px 14px;border-radius:12px;transition:all .2s ease;background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:inherit}.nav-link-item:hover,.nav-link-item.active{color:var(--brand-color-static, #1045A1);background:#1045a10f}.nav-dropdown-wrapper{position:relative}.dropdown-toggle{display:inline-flex;align-items:center;gap:5px}.dropdown-chevron{transition:transform .2s ease}.dropdown-toggle.active .dropdown-chevron{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:260px;background:#fffffff5;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(16,69,161,.12);border-radius:18px;box-shadow:0 20px 40px #1045a114;padding:10px;display:flex;flex-direction:column;gap:4px;z-index:1100;animation:dropdownFade .2s cubic-bezier(.16,1,.3,1);text-align:right;direction:rtl}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;text-decoration:none;color:#1e293b;transition:all .2s ease}.dropdown-item:hover{background:#1045a10d;transform:translate(-3px)}.dropdown-icon{font-size:1.3rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f8fafc}.dropdown-item strong{display:block;font-size:.9rem;color:var(--brand-color-static, #1045A1)}.dropdown-item small{display:block;font-size:.76rem;color:#64748b;margin-top:2px}.desktop-nav-actions{display:flex;align-items:center;gap:10px}.btn-portal-primary{background:var(--brand-color-static, #1045A1)!important;color:#fff!important;text-decoration:none;font-size:.88rem;font-weight:800;padding:8px 16px;border-radius:12px;box-shadow:0 4px 12px #1045a133;transition:all .2s ease;white-space:nowrap}.btn-portal-primary:hover{background:#0d3882!important;transform:translateY(-1px)}.btn-nav-enroll{background:linear-gradient(135deg,#fb7185,#f43f5e)!important;color:#fff!important;text-decoration:none;font-size:.88rem;font-weight:800;padding:8px 16px;border-radius:12px;box-shadow:0 4px 12px #fb718540;transition:all .2s ease;white-space:nowrap}.btn-nav-enroll:hover{transform:translateY(-1px);box-shadow:0 6px 16px #fb718559}.btn-portal-ghost{color:#64748b!important;text-decoration:none;font-size:.82rem;font-weight:700;padding:8px 12px;border-radius:12px;transition:all .2s ease;white-space:nowrap}.btn-portal-ghost:hover{color:var(--brand-color-static, #1045A1)!important;background:#1045a10a}.lang-toggle-badge{background:#1045a10f;border:1px solid rgba(16,69,161,.12);color:var(--brand-color-static, #1045A1);font-size:.82rem;font-weight:800;padding:6px 12px;border-radius:10px;cursor:pointer;transition:all .2s ease}.lang-toggle-badge:hover{background:var(--brand-color-static, #1045A1);color:#fff}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:flex-end;animation:fadeInOverlay .25s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.mobile-drawer-panel{width:85%;max-width:360px;height:100%;background:#fff;box-shadow:-10px 0 40px #0003;display:flex;flex-direction:column;overflow-y:auto;animation:slideDrawer .3s cubic-bezier(.16,1,.3,1);direction:rtl;text-align:right}@keyframes slideDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{padding:20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.drawer-close-btn{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;font-size:1.1rem;cursor:pointer;color:#475569}.drawer-content{padding:20px;display:flex;flex-direction:column;gap:20px}.mobile-drawer-actions{display:flex;flex-direction:column;gap:10px}.mobile-btn-primary{background:var(--brand-color-static, #1045A1);color:#fff;text-decoration:none;padding:12px;border-radius:12px;text-align:center;font-weight:800}.mobile-btn-cta{background:linear-gradient(135deg,#fb7185,#f43f5e);color:#fff;text-decoration:none;padding:12px;border-radius:12px;text-align:center;font-weight:800}.drawer-section-title{font-size:.8rem;font-weight:800;color:#94a3b8;text-transform:uppercase}.drawer-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.drawer-nav-list li a{display:block;padding:10px 14px;border-radius:10px;text-decoration:none;color:#334155;font-weight:700;font-size:.95rem;background:#f8fafc}.drawer-lang-btn{width:100%;padding:12px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;color:var(--brand-color-static, #1045A1);font-weight:800;cursor:pointer;font-family:inherit}.modern-landing-container{width:100%;display:flex;flex-direction:column;gap:40px}.modern-hero-section{width:100%;padding:40px 24px 20px;display:flex;justify-content:center}.hero-inner-wrapper{max-width:1100px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.hero-trust-bar{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:10px}.trust-pill{background:#ffffffe6;border:1px solid rgba(16,69,161,.12);padding:6px 14px;border-radius:30px;font-size:.85rem;font-weight:700;color:#334155;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 10px #1045a108}.modern-hero-headline{font-family:Tajawal,Heebo,sans-serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;line-height:1.25;color:var(--brand-color-static, #1045A1);margin:0;letter-spacing:-.02em}.modern-hero-subheadline{font-size:clamp(1rem,2vw,1.25rem);line-height:1.8;color:#475569;max-width:820px;margin:0 auto;font-weight:400}.hero-cta-group{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:10px}.hero-btn-primary{background:linear-gradient(135deg,var(--brand-color-static, #1045A1) 0%,#0d3882 100%);color:#fff;text-decoration:none;padding:14px 28px;border-radius:16px;font-size:1.05rem;font-weight:800;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 25px #1045a140;transition:all .25s ease}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #1045a159}.hero-btn-secondary{background:#ffffffe6;color:#1e293b;border:1px solid rgba(16,69,161,.15);padding:14px 24px;border-radius:16px;font-size:1rem;font-weight:800;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 15px #0000000a;transition:all .2s ease;font-family:inherit}.hero-btn-secondary:hover{background:#fff;border-color:var(--brand-color-static, #1045A1);color:var(--brand-color-static, #1045A1);transform:translateY(-2px)}.hero-btn-ghost{color:#475569;text-decoration:none;padding:14px 20px;border-radius:16px;font-size:.95rem;font-weight:700;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.hero-btn-ghost:hover{color:var(--brand-color-static, #1045A1);background:#1045a10a}.hero-btn-disabled{background:#e2e8f0;color:#94a3b8;padding:14px 24px;border-radius:16px;font-weight:800}.campus-showcase-section{max-width:1240px;margin:0 auto;width:calc(100% - 48px);padding:40px 0;direction:rtl}.section-title-wrap{text-align:center;margin-bottom:32px}.section-kicker{color:var(--brand-color-static, #1045A1);font-weight:800;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.section-title{font-family:Tajawal,Heebo,sans-serif;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:900;color:var(--brand-color-static, #1045A1);margin:8px 0 12px}.section-description{font-size:1.05rem;color:#64748b;max-width:720px;margin:0 auto;line-height:1.7}.stations-nav-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:30px}.station-tab-btn{background:#ffffffd9;border:1px solid rgba(16,69,161,.12);color:#475569;padding:10px 20px;border-radius:14px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;font-family:inherit;box-shadow:0 2px 8px #00000005}.station-tab-btn:hover{background:#fff;border-color:var(--brand-color-static, #1045A1);color:var(--brand-color-static, #1045A1)}.station-tab-btn.active{background:var(--brand-color-static, #1045A1)!important;color:#fff!important;border-color:var(--brand-color-static, #1045A1)!important;box-shadow:0 6px 18px #1045a133!important}.station-showcase-card{background:#fff;border:1px solid rgba(16,69,161,.1);border-radius:28px;box-shadow:0 20px 50px #1045a10d;overflow:hidden;display:grid;grid-template-columns:55% 45%;min-height:480px}.station-card-media{position:relative;width:100%;height:100%;min-height:380px;background:#f8fafc;overflow:hidden}.station-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.station-showcase-card:hover .station-image{transform:scale(1.03)}.station-badge-overlay{position:absolute;top:20px;right:20px;color:#fff;padding:8px 18px;border-radius:30px;font-weight:800;font-size:.9rem;display:flex;align-items:center;gap:8px;box-shadow:0 6px 16px #00000026}.station-card-body{padding:40px 36px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;direction:rtl;gap:20px}.station-type-tag{font-size:.85rem;font-weight:800;text-transform:uppercase}.station-card-title{font-family:Tajawal,Heebo,sans-serif;font-size:2rem;font-weight:900;color:var(--brand-color-static, #1045A1);margin:6px 0 0}.station-card-desc{font-size:1.05rem;line-height:1.8;color:#475569;margin:0}.station-highlights h4{font-size:.95rem;font-weight:800;color:#1e293b;margin-bottom:10px}.station-highlights ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.station-highlights li{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#334155;font-weight:600}.bullet-check{font-weight:900;font-size:1.1rem}.station-actions-footer{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-top:10px;border-top:1px solid #f1f5f9}.station-play-btn{color:#fff;border:none;padding:12px 24px;border-radius:14px;font-size:.95rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 16px #0000001a;transition:all .2s ease;font-family:inherit}.station-play-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.station-visit-link{color:var(--brand-color-static, #1045A1);text-decoration:none;font-size:.95rem;font-weight:700;padding:12px 18px;border-radius:14px;background:#1045a10d;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.station-visit-link:hover{background:#1045a11a}.feature-card-item{background:#fff;border:1px solid rgba(16,69,161,.08);border-radius:20px;padding:30px 24px;text-align:right;box-shadow:0 10px 30px #1045a108;transition:all .3s ease}.feature-card-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px #1045a114;border-color:#1045a133}.feature-icon-badge{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:18px}.feature-card-title{font-family:Tajawal,Heebo,sans-serif;font-size:1.3rem;font-weight:900;color:var(--brand-color-static, #1045A1);margin-bottom:10px}.feature-card-desc{font-size:.95rem;line-height:1.7;color:#64748b;margin:0}.tier-card-shell{background:#fff;border:1px solid rgba(16,69,161,.08);border-radius:24px;padding:36px 30px;text-align:right;box-shadow:0 12px 36px #1045a10a;display:flex;flex-direction:column;gap:14px}.tier-pill-tag{align-self:flex-start;padding:6px 14px;border-radius:20px;font-weight:800;font-size:.85rem}.tier-card-name{font-family:Tajawal,Heebo,sans-serif;font-size:1.5rem;font-weight:900;color:var(--brand-color-static, #1045A1);margin:0}.tier-card-text{font-size:1rem;line-height:1.7;color:#475569;margin:0}.tier-bullets{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px;font-size:.92rem;color:#334155;font-weight:600}.storybook-banner-card{background:linear-gradient(135deg,#fef3c7,#ffedd5);border:1px solid rgba(245,158,11,.25);border-radius:28px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 20px 40px #f59e0b14}.storybook-badge{background:#fde68a;color:#92400e;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:800;display:inline-block}.storybook-cta-btn{background:#d97706;color:#fff;text-decoration:none;padding:12px 24px;border-radius:14px;font-size:1rem;font-weight:800;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 18px #d9770640;transition:all .2s ease}.storybook-cta-btn:hover{background:#b45309;transform:translateY(-2px)}@media (max-width: 1024px){.station-showcase-card{grid-template-columns:1fr}.station-card-media{min-height:280px}}@media (max-width: 768px){.site-header{padding:8px 12px}.desktop-nav-links,.desktop-nav-actions{display:none!important}.modern-nav-shell{padding:8px 14px;border-radius:16px}.modern-hero-section{padding:24px 12px 10px}.hero-cta-group{flex-direction:column;width:100%}.hero-btn-primary,.hero-btn-secondary,.hero-btn-ghost{width:100%;justify-content:center;padding:14px}.campus-showcase-section{width:calc(100% - 24px)}.station-card-body{padding:24px 18px}.storybook-banner-card{padding:24px;flex-direction:column;text-align:center}.page-view-wrapper{overflow-y:visible!important}}.top-announcement-banner{background:linear-gradient(90deg,#1045a1,#1e40af);color:#fff;padding:10px 20px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:.95rem;font-weight:700;box-shadow:0 4px 12px #1045a126;position:relative;z-index:10;flex-wrap:wrap;text-align:center}.banner-pulse-dot{width:10px;height:10px;background-color:#22c55e;border-radius:50%;display:inline-block;box-shadow:0 0 #22c55eb3;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 8px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.banner-action-link{background:#fff3;color:#fff;text-decoration:none;padding:4px 12px;border-radius:20px;font-size:.85rem;transition:all .2s ease;white-space:nowrap}.banner-action-link:hover{background:#fff;color:#1045a1}.storybook-banner-visual{display:flex;align-items:center;justify-content:center;min-width:220px}.storybook-book-mockup{position:relative;width:160px;height:220px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px 16px 16px 8px;box-shadow:-10px 15px 30px #b4530959,inset -4px 0 10px #0003;transform:perspective(600px) rotateY(-15deg);transition:transform .4s ease,box-shadow .4s ease;display:flex;align-items:center;justify-content:center;border-left:6px solid #b45309}.storybook-book-mockup:hover{transform:perspective(600px) rotateY(0) scale(1.05);box-shadow:0 20px 40px #b4530973}.book-star-badge{position:absolute;top:-12px;right:-12px;font-size:1.6rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}.book-cover-inner{text-align:center;color:#fff;padding:14px}.book-emoji{font-size:2.8rem;display:block;margin-bottom:8px}.book-cover-title{display:block;font-family:Tajawal,Heebo,sans-serif;font-size:1.1rem;font-weight:900;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.book-cover-sub{display:block;font-size:.75rem;opacity:.9;margin-top:4px}.storybook-cta-wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.storybook-sub-cta{font-size:.9rem;color:#92400e;font-weight:600}#campus-stations,#why-us,#age-tiers,#storybook-spotlight,#branches,#contact{scroll-margin-top:90px}.tiers-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}.tier-footer-action{margin-top:auto;padding-top:14px;border-top:1px dashed rgba(16,69,161,.12)}.tier-cta-link{color:var(--brand-color-static, #1045A1);text-decoration:none;font-weight:800;font-size:.95rem;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.tier-cta-link:hover{transform:translate(-4px);color:#2563eb}