@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)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0;transform:translate(-20px)}.hamburger-btn.open .hamburger-line:last-child{transform:rotate(-45deg) translate(1px,-1px)}@media (max-width: 600px){.leads-form-card{margin:15px auto!important;padding:24px 16px!important;border-radius:20px!important;box-shadow:0 10px 30px #00000073!important;width:calc(100% - 20px)!important;box-sizing:border-box!important}.leads-form-title{font-size:22px!important;margin-bottom:8px!important}.leads-form-subtitle{margin-bottom:20px!important;font-size:.85rem!important}.leads-form-group{padding:15px 12px!important;margin-bottom:15px!important;border-radius:12px!important}.leads-form-group-title{font-size:1.05rem!important;margin-bottom:12px!important}.leads-form-group div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:12px!important}.leads-form-group div[style*=margin-top]{margin-top:12px!important}}.public-section{padding:80px 30px;background:#ffffffbf!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(16,69,161,.08);border-radius:24px;margin:20px 40px;box-shadow:0 20px 50px #1045a108;direction:rtl;text-align:right;box-sizing:border-box}@media (max-width: 768px){.public-section{padding:40px 16px!important;margin:12px 16px!important;border-radius:16px!important}}@media (max-width: 768px){.website-root{height:auto!important;overflow:auto!important;overflow-x:hidden!important}.website-ui-overlay,.website-wrapper{position:relative!important;height:auto!important;overflow:visible!important}.page-view-wrapper{pointer-events:auto!important;position:relative!important;overflow-y:visible!important}.hamburger-btn{pointer-events:auto!important}}