@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:100vw;height:100vh;overflow:hidden}:root{--brand-color: #d81b60;--brand-secondary: #ff4081;--brand-mint: #3b9f78;--brand-light: #050814;--text-dark: #f8fafc;--bg-light: #050814;--bg-card: rgba(10, 15, 35, .65);--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:#060913}.website-root{position:relative;width:100vw;height:100vh;overflow:hidden;margin:0;padding:0;background:transparent}.website-ui-overlay,.website-wrapper{font-family:Heebo,sans-serif;color:var(--text-dark);position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:transparent;pointer-events:none!important;z-index:10}.glass-orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;opacity:.6;animation:floatOrb 12s ease-in-out infinite alternate;pointer-events:none!important}.orb-primary{width:600px;height:600px;background:radial-gradient(circle,#13203c40,#13203c00 70%);top:-200px;right:-100px}.orb-secondary{width:700px;height:700px;background:radial-gradient(circle,#d4b27133,#d4b27100 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:#ffffffb3;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.6);box-shadow:0 15px 35px #1f26870f;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:15px 40px;margin:20px auto;border-radius:40px;max-width:1200px;position:sticky;top:20px;z-index:1000;background:#0a0f23eb!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 30px #00000040;transition:all .3s ease}.main-nav:hover{background:#0a0f23bf!important;box-shadow:0 15px 35px #00000059;border-color:#ffffff26!important}.nav-brand{display:flex;align-items:center;gap:15px}.mock-logo{width:42px;height:42px;background:transparent;display:flex;align-items:center;justify-content:center;font-size:1.8rem;border:none}.nav-brand h2{font-size:1.5rem;color:var(--brand-secondary)}.nav-links{list-style:none;display:flex;align-items:center;gap:20px;margin:0;padding:0}.nav-link-item{text-decoration:none;color:#f1f5f9d9;font-weight:700;font-size:1.05rem;transition:all .3s ease;padding:5px 12px;border-radius:8px;white-space:nowrap}.nav-link-item:hover{color:var(--brand-secondary);background:#ffffff0d}.btn-portal{background:linear-gradient(135deg,var(--brand-color) 0%,color-mix(in srgb,var(--brand-color) 70%,#000) 100%);color:#fff;border:1px solid rgba(255,255,255,.15);padding:10px 22px;border-radius:20px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px #0003;transition:all .25s ease}.btn-portal:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff408140;border-color:var(--brand-secondary)}.lang-toggle-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#f1f5f9e6;padding:8px 12px;border-radius:8px;font-weight:800;cursor:pointer;transition:all .2s}.lang-toggle-btn:hover{background:#ffffff26;color:#fff}.hero-section{position:relative;width:100%;height:100dvh;min-height:600px;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,color-mix(in srgb,var(--brand-color, #d81b60) 6%,#050814),#050814);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:#080c1ca6!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:24px;box-shadow:0 20px 50px #00000080,inset 0 0 25px #ffffff05,0 0 30px #ff40810d;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:3rem;font-weight:900;background:linear-gradient(270deg,#ffffff,var(--brand-secondary, #ff4081),#ffffff,var(--brand-color, #d81b60));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:14px;line-height:1.25;animation:kinetic4D 8s ease-in-out infinite;display:inline-block}@keyframes kinetic4D{0%{background-position:0% 50%;filter:drop-shadow(0 0 10px rgba(255,64,129,.3));text-shadow:0 0 12px rgba(255,64,129,.4),0 2px 4px rgba(0,0,0,.9)}50%{background-position:100% 50%;filter:drop-shadow(0 0 25px rgba(255,64,129,.6));text-shadow:0 0 24px var(--brand-secondary, #ff4081),0 4px 10px rgba(255,64,129,.6),0 2px 4px rgba(0,0,0,.9)}to{background-position:0% 50%;filter:drop-shadow(0 0 10px rgba(255,64,129,.3));text-shadow:0 0 12px rgba(255,64,129,.4),0 2px 4px rgba(0,0,0,.9)}}.hero-subtitle{font-size:1.18rem;color:#f1f5f9!important;font-weight:700;margin:0;line-height:1.7;text-shadow:0 2px 4px rgba(0,0,0,.9),0 4px 10px rgba(0,0,0,.8)}.hero-view-toggle{position:absolute;top:20px;left:40px;z-index:20;display:flex;background:#0a0f23a6;padding:4px;border-radius:30px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 25px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.view-toggle-btn{background:transparent;border:none;color:#f1f5f9bf;padding:8px 18px;border-radius:20px;font-size:.8rem;font-weight:800;cursor:pointer;transition:all .25s cubic-bezier(.165,.84,.44,1);white-space:nowrap}.view-toggle-btn.active{background:var(--brand-secondary, #ff4081);color:#fff;box-shadow:0 4px 15px #ff408173}.view-toggle-btn:hover:not(.active){color:#fff;background:#ffffff0d}.zone-navigator{position:relative;z-index:20;display:flex;gap:12px;padding:8px 12px;background:#080c1ce0!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:50px;box-shadow:0 15px 35px #0006,0 0 25px #ff408108;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:#fff;padding:10px 22px;border-radius:30px;font-size:.95rem;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap}.zone-nav-btn:hover{background:#ffffff08;border-color:#ff408140;color:#fff;transform:translateY(-2px)}.zone-nav-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,0 0 15px #ff408133 inset;transform:scale(1.04) translateY(-1px)}.zone-icon{font-size:1.25rem}.hero-side-drawer{position:absolute;top:100px;bottom:40px;right:40px;width:380px;background:#080c1cb8!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:28px;box-shadow:-20px 0 60px #0000008c,0 0 50px #ff40810d;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:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;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:#ffffff26;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:900;color:var(--brand-secondary, #ff4081);text-shadow:0 0 20px rgba(255,64,129,.3);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:#0a0f2373;border-top:1px solid rgba(255,255,255,.05)}.leads-section h2{color:#f8fafc!important;font-weight:900;text-shadow:0 0 15px rgba(255,64,129,.2)}.site-footer{text-align:center;padding:40px 40px 100px;background:#020408;border-top:1px solid rgba(255,255,255,.06);font-weight:600;color:#cbd5e1}.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: 900px){.main-nav{flex-wrap:wrap;padding:15px 20px;margin:10px;border-radius:20px;background:#ffffffa6!important;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f268714}.nav-links{width:100%;margin-top:15px;justify-content:center;flex-wrap:wrap;gap:15px;border-top:1px solid rgba(0,0,0,.05);padding-top:15px}}.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:translateY(0)}}@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:#0b0f19!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:28px!important;box-shadow:0 20px 50px #0000008c!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:#fff!important;margin-bottom:10px!important;text-shadow:0 0 15px var(--brand-secondary, #ff4081)!important}.leads-form-subtitle{text-align:center!important;color:#cbd5e1!important;margin-bottom:30px!important;font-size:.95rem!important;line-height:1.6!important}.leads-form-group{padding:20px!important;background:#111827!important;border:1px solid rgba(255,255,255,.06)!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-secondary, #ff4081)!important;text-shadow:0 0 10px rgba(255,64,129,.25)!important}.leads-form-label{display:block!important;margin-bottom:5px!important;font-size:14px!important;color:#e2e8f0!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(255,255,255,.15)!important;background:#050814!important;color:#fff!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-secondary, #ff4081)!important;box-shadow:0 0 0 3px #ff408140!important}.leads-form-input::placeholder{color:#64748b!important}.hero-left-panel{position:absolute;top:20px;bottom:20px;left:40px;width:420px;background:#080c1cc7!important;backdrop-filter:blur(25px) saturate(180%)!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:28px;box-shadow:20px 0 60px #00000080,0 0 40px #ff40810d;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% - 40px);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-secondary, #ff4081);padding-right:14px;position:relative}.panel-header:after{content:"";position:absolute;top:0;bottom:0;right:-4px;width:4px;background:linear-gradient(180deg,var(--brand-secondary, #ff4081) 0%,var(--brand-color, #d81b60) 100%);border-radius:4px;box-shadow:0 0 10px #ff408166}.hero-title{font-family:Tajawal,Heebo,sans-serif;font-size:1.5rem!important;font-weight:900;background:linear-gradient(270deg,#ffffff,var(--brand-secondary, #ff4081),#ffffff,var(--brand-color, #d81b60));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;line-height:1.3;animation:kinetic4D 8s ease-in-out infinite}.hero-subtitle{font-size:.9rem!important;color:#cbd5e1!important;font-weight:500;line-height:1.45;text-shadow:none!important}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ff408114;border:1px solid rgba(255,64,129,.2);padding:4px 12px;border-radius:30px;margin-bottom:8px;box-shadow:0 4px 15px #ff40810d}.badge-icon{font-size:.9rem}.badge-text{font-size:.78rem;font-weight:800;color:var(--brand-secondary, #ff4081);letter-spacing:.05em;text-transform:uppercase}.highlight-gradient{background:linear-gradient(120deg,#ff40812e,#d81b602e);border-bottom:2px solid var(--brand-secondary, #ff4081);padding:2px 8px;border-radius:6px;color:#fff!important;font-weight:800;text-shadow:0 0 10px rgba(255,64,129,.3)}.navigator-title{font-size:.85rem;font-weight:800;color:var(--brand-secondary, #ff4081);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:#ffffff08;border:1px solid rgba(255,255,255,.06);color:#fff;padding:6px 12px;border-radius:10px;font-size:.88rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .25s ease;direction:rtl;text-align:right;width:100%}.zone-vertical-btn:hover{background:#ffffff0f;border-color:#ff40814d;transform:translateY(-1px)}.zone-vertical-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 20px #ff40814d}.btn-cta-panel{background:linear-gradient(135deg,var(--brand-secondary, #ff4081),var(--brand-color, #d81b60));color:#fff;border:none;padding:10px 16px;font-size:.95rem;font-weight:800;border-radius:18px;cursor:pointer;box-shadow:0 10px 25px #ff40814d;transition:all .3s ease}.btn-cta-panel:hover{transform:translateY(-2px)}.btn-cta-panel-disabled{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#94a3b8;padding:16px 24px;font-size:1.1rem;font-weight:800;border-radius:18px;text-align:center}@media (max-width: 768px){.hero-left-panel{position:relative;top:0;left:0;width:100%;margin-top:20px;border-radius:20px;box-shadow:none;animation:none;padding:20px}.hero-section{height:auto;min-height:auto;overflow-y:auto;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:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none!important;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:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto;scrollbar-width:thin;pointer-events:none!important}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(255,255,255,.08);box-shadow:0 20px 50px #00000073;background:#080c1c4d;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:100%;margin-top:20px;padding:0 10px;display:flex;justify-content:center;z-index:15;pointer-events:auto!important}}.stage-outer-container.full-screen-stage{width:100%;height:100%;position:relative;z-index:10;transition:all .5s ease}.stage-outer-container.full-screen-stage .stage-viewport{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;perspective:1500px;background:transparent;border:none;border-radius:28px;box-shadow:none;overflow:hidden;transition:all .5s ease}.stage-book-card.full-screen-card{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform-style:preserve-3d;transition:transform .1s cubic-bezier(.25,1,.5,1);will-change:transform}.stage-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform-style:preserve-3d;pointer-events:none;background-size:cover;background-position:center;transition:transform .15s ease-out;will-change:transform}.layer-background{background:radial-gradient(circle at 50% 50%,#141c3040,#080c1873);z-index:1}.layer-illustration.full-screen-media{z-index:2}.stage-video-crossfade-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;background:transparent;border-radius:28px}.stage-video-element{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none;border-radius:28px;will-change:opacity,transform;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;transition:opacity .6s cubic-bezier(.25,.46,.45,.94)}.stage-video-element.inactive{pointer-events:none}.stage-fallback-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;pointer-events:none;border-radius:28px;z-index:1;will-change:opacity,transform;transform:translateZ(0);backface-visibility:hidden;transition:opacity .6s ease-in-out}.layer-hotspots{z-index:4;pointer-events:auto}.stage-hotspot{position:absolute;width:48px;height:48px;border-radius:50%;border:2px solid #ffffff;background:rgba(var(--hotspot-color-rgb),.9);display:flex;align-items:center;justify-content:center;font-size:1.35rem;cursor:pointer;box-shadow:0 10px 25px rgba(var(--hotspot-color-rgb),.45);pointer-events:auto;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s}.stage-hotspot:hover{transform:scale(1.15) translateZ(10px);box-shadow:0 15px 30px rgba(var(--hotspot-color-rgb),.65),0 0 20px #fff}.stage-hotspot.active{background:var(--hotspot-color);border-color:#fff;box-shadow:0 0 35px rgba(var(--hotspot-color-rgb),.8),inset 0 0 8px #fff6;transform:scale(1.1) translateZ(5px);animation:pulseHotspot 2.5s infinite ease-in-out}.hotspot-playground{top:58%;left:32%}.hotspot-classroom{top:32%;left:60%}.hotspot-library{top:50%;left:82%}.hotspot-cafeteria{top:68%;left:56%}@keyframes pulseHotspot{0%,to{box-shadow:0 0 35px rgba(var(--hotspot-color-rgb),.8),inset 0 0 8px #fff6}50%{box-shadow:0 0 50px rgba(var(--hotspot-color-rgb),.95),0 0 20px #fff9,inset 0 0 10px #fff9}}.layer-particles{z-index:5}.spotlight-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;mix-blend-mode:color-dodge;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.3) 0%,rgba(var(--brand-primary-rgb),.12) 42%,transparent 72%);opacity:.85;transition:opacity .5s ease;will-change:background}.stage-paper-grain-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:9;pointer-events:none;mix-blend-mode:multiply;opacity:.14;background-image:radial-gradient(circle,#ffffff26,#0000000d),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.book-fold-left,.book-fold-right{position:absolute;top:0;bottom:0;width:50%;background:#0a0f1efc;z-index:100;pointer-events:none;transform-style:preserve-3d;opacity:0;transition:transform 1.2s cubic-bezier(.645,.045,.355,1),opacity 1.2s ease}.book-fold-left{left:50%;transform-origin:right center}.book-fold-right{right:50%;transform-origin:left center}.page-flipping .book-fold-left{opacity:1;animation:foldLeftPage 1.2s cubic-bezier(.645,.045,.355,1) forwards}.page-flipping .book-fold-right{opacity:1;animation:foldRightPage 1.2s cubic-bezier(.645,.045,.355,1) forwards}@keyframes foldLeftPage{0%{transform:rotateY(0)}50%{transform:rotateY(90deg);filter:brightness(.3)}to{transform:rotateY(0)}}@keyframes foldRightPage{0%{transform:rotateY(0)}50%{transform:rotateY(-90deg);filter:brightness(.3)}to{transform:rotateY(0)}}.station-floating-card.floating-glass-card{position:absolute;bottom:30px;right:40px;width:450px;background:#080c1cb8!important;backdrop-filter:blur(25px) saturate(180%)!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:24px;padding:20px 25px;box-shadow:0 25px 55px #00000073;display:flex;flex-direction:column;gap:8px;text-align:right;direction:rtl;z-index:20;transition:all .4s ease}.station-card-badge{align-self:flex-start;color:#fff;font-size:.78rem;font-weight:800;padding:6px 14px;border-radius:30px;box-shadow:0 5px 15px #00000026;letter-spacing:.03em;transition:background-color .4s ease}.station-card-title{margin:0;font-size:1.6rem;font-weight:900;color:#fff;text-shadow:0 0 15px rgba(var(--brand-primary-rgb),.35)}.station-card-desc{margin:0;font-size:.95rem;line-height:1.6;color:#ffffffc7}@media (max-width: 1024px){.station-floating-card.floating-glass-card{width:calc(100% - 80px);left:40px;right:40px;bottom:20px}}@media (max-width: 768px){.stage-outer-container.full-screen-stage{height:420px;border-radius:20px;overflow:hidden;margin-top:15px;box-shadow:0 15px 35px #00000040}.stage-outer-container.full-screen-stage .stage-viewport{border-radius:20px}.stage-hotspot{width:38px;height:38px;font-size:1.1rem}.hotspot-playground{top:58%;left:15%}.hotspot-classroom{top:32%;left:45%}.hotspot-library{top:50%;left:78%}.hotspot-cafeteria{top:68%;left:48%}.station-floating-card.floating-glass-card{position:relative;bottom:0;left:0;right:0;width:100%;margin-top:15px;box-shadow:none}}