body.loading{overflow:hidden !important}#city-loader{position:fixed;inset:0;z-index:999999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a1628;transition:opacity .7s cubic-bezier(0.4,0,0.2,1),visibility .7s cubic-bezier(0.4,0,0.2,1)}#city-loader.cl-hidden{opacity:0;visibility:hidden;pointer-events:none}.cl-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 45%,rgba(26,54,93,0.8) 0,rgba(10,22,40,0) 70%),#0a1628}.cl-wrapper{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:28px}.cl-orbit{position:relative;width:200px;height:200px}.cl-orbit-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(251,191,36,0.18);animation:cl-spin 14s linear infinite}.cl-orbit-ring::before{content:'';position:absolute;inset:-10px;border-radius:50%;border:1px dashed rgba(251,191,36,0.08)}.cl-service{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:11px;background:rgba(255,255,255,0.06);border:1px solid rgba(251,191,36,0.22);display:flex;align-items:center;justify-content:center;color:#fde68a;font-size:1rem;backdrop-filter:blur(6px);animation:cl-orbit-move 14s linear infinite;animation-delay:calc(var(--i) * -1.555s)}.cl-service:nth-child(odd){border-color:rgba(251,191,36,0.35);color:#fcd34d}@keyframes cl-orbit-move{from{transform:rotate(calc(var(--i) * 40deg)) translateX(85px) rotate(calc(var(--i) * -40deg))}to{transform:rotate(calc(var(--i) * 40deg + 360deg)) translateX(85px) rotate(calc(var(--i) * -40deg - 360deg))}}@keyframes cl-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.cl-center-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:3}.cl-city-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,rgba(26,54,93,0.9) 0,rgba(43,108,176,0.85) 100%);border:1.5px solid rgba(251,191,36,0.5);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fde68a;box-shadow:0 0 20px rgba(251,191,36,0.2),inset 0 1px 0 rgba(255,255,255,0.15);animation:cl-icon-pulse 2.2s ease-in-out infinite}@keyframes cl-icon-pulse{0%,100%{box-shadow:0 0 20px rgba(251,191,36,0.2),inset 0 1px 0 rgba(255,255,255,0.15)}50%{box-shadow:0 0 35px rgba(251,191,36,0.45),0 0 60px rgba(251,191,36,0.15),inset 0 1px 0 rgba(255,255,255,0.2)}}.cl-text-block{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.cl-title-wrap{display:flex;align-items:center;gap:6px;min-height:26px}.cl-title{font-family:'Tajawal',sans-serif;font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:.3px}.cl-cursor{display:inline-block;width:2px;height:20px;background:#fbbf24;border-radius:1px;animation:cl-blink .75s step-end infinite}@keyframes cl-blink{0%,100%{opacity:1}50%{opacity:0}}.cl-subtitle{font-family:'Tajawal',sans-serif;font-size:.82rem;color:rgba(253,230,138,0.7);letter-spacing:.5px;font-weight:500}.cl-counter-wrap{display:flex;align-items:center;gap:10px}.cl-percent{font-family:'Tajawal',monospace;font-size:1.6rem;font-weight:900;color:#fbbf24;min-width:56px;text-align:center;line-height:1;text-shadow:0 0 20px rgba(251,191,36,0.4)}.cl-percent-sign{font-size:.9rem;color:rgba(251,191,36,0.6);font-weight:600;align-self:flex-end;margin-bottom:3px}.cl-progress-wrap{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,0.06)}.cl-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#1a365d 0,#2b6cb0 40%,#fbbf24 80%,#fde68a 100%);border-radius:0 2px 2px 0;transition:width .25s ease-out;box-shadow:0 0 10px rgba(251,191,36,0.45)}@media(max-width:480px){.cl-orbit{width:170px;height:170px}.cl-service{width:36px;height:36px;margin:-18px 0 0 -18px;font-size:.9rem}.cl-city-icon{width:44px;height:44px;font-size:1.2rem;border-radius:13px}.cl-title{font-size:1.05rem}.cl-percent{font-size:1.35rem}}@media(prefers-reduced-motion:reduce){.cl-service,.cl-orbit-ring,.cl-city-icon{animation:none !important}}:root{--primary:#1a365d;--secondary:#2b6cb0;--accent:#e53e3e;--gold:#fbbf24;--gold-light:#fcd34d;--gold-lighter:#fde68a;--light:#f7fafc;--dark:#0f172a;--glass:rgba(255,255,255,0.08);--glass-border:rgba(255,255,255,0.15);--radius:20px;--shadow:0 25px 50px -12px rgba(0,0,0,0.4);--transition:all .6s cubic-bezier(0.25,0.46,0.45,0.94);--neon-glow:0 0 10px var(--gold-light),0 0 20px var(--gold-light)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.performance-optimized{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;perspective:1000}body{font-family:'Tajawal',sans-serif;background:linear-gradient(135deg,#0f172a 0,#1e293b 50%,#334155 100%);color:var(--light);min-height:100vh;overflow-x:hidden;position:relative;cursor:default}@media(min-width:1025px){*,*::before,*::after{cursor:none !important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#fbbf24,#d97706);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fde68a,#fbbf24)}*{scrollbar-width:thin;scrollbar-color:#fbbf24 #0f172a}.city-cursor{position:fixed;width:14px;height:14px;background:var(--gold-light);border-radius:50%;pointer-events:none;z-index:99999;transition:transform .15s ease;box-shadow:0 0 10px rgba(251,191,36,0.8),0 0 20px rgba(251,191,36,0.4)}.cursor-follower{position:fixed;width:36px;height:36px;border:2px solid rgba(251,191,36,0.6);border-radius:50%;pointer-events:none;z-index:99998;opacity:.8;transition:transform .25s ease,opacity .3s ease}@keyframes cursorPulse{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(3deg)}}@keyframes followerPulse{0%,100%{transform:scale(1);opacity:.15}50%{transform:scale(1.1);opacity:.1}}a:hover ~ .city-cursor::before,button:hover ~ .city-cursor::before,.city-card:hover ~ .city-cursor::before,.service-icon:hover ~ .city-cursor::before{content:'👆';transform:scale(1.2)}a:hover ~ .cursor-follower,button:hover ~ .cursor-follower,.city-card:hover ~ .cursor-follower,.service-icon:hover ~ .cursor-follower{transform:scale(1.3);opacity:.2}.gradient-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(-45deg,#0f172a,#1e293b,#334155,#1a365d);background-size:400% 400%;animation:gradient 20s ease infinite;z-index:-3}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.city-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-2;opacity:.25}.sky-glow{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 80% 15%,rgba(251,191,36,0.3) 0,transparent 50%),radial-gradient(ellipse at 20% 25%,rgba(59,130,246,0.2) 0,transparent 50%),radial-gradient(ellipse at 50% 10%,rgba(139,92,246,0.15) 0,transparent 50%);z-index:-1;opacity:.8;animation:skyPulse 10s ease-in-out infinite}@keyframes skyPulse{0%,100%{opacity:.6}50%{opacity:.9}}.star-field{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.8;background:radial-gradient(2px 2px at 10% 15%,rgba(255,255,255,0.9) 0,transparent 100%),radial-gradient(2px 2px at 15% 20%,rgba(255,255,255,0.9) 0,transparent 100%),radial-gradient(3px 3px at 85% 25%,rgba(255,255,255,1) 0,transparent 100%),radial-gradient(2px 2px at 90% 30%,rgba(255,255,255,0.9) 0,transparent 100%),radial-gradient(3px 3px at 20% 40%,rgba(255,255,255,1) 0,transparent 100%),radial-gradient(2px 2px at 25% 45%,rgba(255,255,255,0.9) 0,transparent 100%),radial-gradient(3px 3px at 70% 50%,rgba(255,255,255,1) 0,transparent 100%),radial-gradient(2px 2px at 75% 55%,rgba(255,255,255,0.9) 0,transparent 100%),radial-gradient(3px 3px at 30% 60%,rgba(255,255,255,1) 0,transparent 100%),radial-gradient(2px 2px at 35% 65%,rgba(255,255,255,0.9) 0,transparent 100%),radial-gradient(3px 3px at 80% 70%,rgba(255,255,255,1) 0,transparent 100%),radial-gradient(2px 2px at 85% 75%,rgba(255,255,255,0.9) 0,transparent 100%);animation:starTwinkle 5s ease-in-out infinite}@keyframes starTwinkle{0%,100%{opacity:.6}50%{opacity:1}}.floating-services{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden;opacity:.9}.service-icon{position:absolute;width:60px;height:60px;background:rgba(255,255,255,0.07);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--gold-light);font-size:1.5rem;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.15);animation:float-service 30s infinite linear;box-shadow:0 8px 25px rgba(0,0,0,0.25);transition:all .8s cubic-bezier(0.25,0.46,0.45,0.94);pointer-events:auto;z-index:1;cursor:pointer}.service-icon:hover{background:var(--gold-light);color:var(--dark);transform:scale(1.3) rotate(12deg);z-index:100;animation-play-state:paused;box-shadow:0 0 30px rgba(251,191,36,0.6)}.service-icon.push-away{animation:pushAway 1s cubic-bezier(0.68,-0.55,0.27,1.55) forwards !important;pointer-events:none}@keyframes pushAway{0%{transform:translate(0,0) scale(1);opacity:1}30%{transform:translate(var(--push-x),var(--push-y)) scale(1.4);opacity:.9;box-shadow:0 0 40px rgba(251,191,36,0.8)}70%{transform:translate(calc(var(--push-x)*1.2),calc(var(--push-y)*1.2)) scale(1.2);opacity:.7}100%{transform:translate(var(--push-x),var(--push-y)) scale(1);opacity:1;pointer-events:auto}}@keyframes float-service{0%,100%{transform:translate(0,0) rotate(0) scale(1)}25%{transform:translate(30px,40px) rotate(90deg) scale(1.05)}50%{transform:translate(60px,15px) rotate(180deg) scale(0.95)}75%{transform:translate(20px,50px) rotate(270deg) scale(1.02)}}.service-1{top:15%;left:10%;animation-delay:0s}.service-2{top:20%;left:85%;animation-delay:-2s}.service-3{top:65%;left:15%;animation-delay:-4s}.service-4{top:75%;left:80%;animation-delay:-6s}.service-5{top:40%;left:5%;animation-delay:-8s}.service-6{top:50%;left:90%;animation-delay:-10s}.service-7{top:25%;left:70%;animation-delay:-12s}.service-8{top:70%;left:30%;animation-delay:-14s}.service-9{top:35%;left:60%;animation-delay:-16s}.service-10{top:60%;left:45%;animation-delay:-18s}.service-11{top:30%;left:30%;animation-delay:-20s}.service-12{top:55%;left:70%;animation-delay:-22s}.container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.mirror-frame{background:linear-gradient(135deg,rgba(255,255,255,0.15) 0,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0.15) 100%);backdrop-filter:blur(25px);border:2px solid rgba(255,255,255,0.25);border-radius:25px;padding:40px 50px;position:relative;margin:0 auto 30px;max-width:800px;box-shadow:0 25px 60px rgba(0,0,0,0.5),inset 0 2px 0 rgba(255,255,255,0.3),0 0 0 2px rgba(255,255,255,0.15),0 0 50px rgba(251,191,36,0.2);transform-style:preserve-3d;perspective:1000px}.mirror-frame::before{content:'';position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px solid rgba(255,255,255,0.15);border-radius:18px;pointer-events:none}.mirror-frame::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(125deg,transparent 0,rgba(255,255,255,0.05) 45%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.05) 55%,transparent 100%);border-radius:25px;pointer-events:none;animation:mirrorShine 8s ease-in-out infinite}@keyframes mirrorShine{0%,100%{opacity:.4}50%{opacity:1}}.header{text-align:center;padding:100px 0 60px;position:relative}.header::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(251,191,36,0.15) 0,transparent 70%);border-radius:50%;animation:headerGlow 6s ease-in-out infinite}@keyframes headerGlow{0%,100%{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}.header h1{font-size:3.2rem;font-weight:900;margin-bottom:20px;background:linear-gradient(135deg,var(--gold-lighter),#fff,var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.header p{font-size:1.3rem;opacity:.95;margin:0 auto;line-height:1.7;font-weight:500;background:linear-gradient(135deg,#fff 30%,var(--gold-lighter) 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header .sub-title{font-size:1rem;margin-top:15px;opacity:.8;color:rgba(255,255,255,0.8);font-weight:400;-webkit-text-fill-color:rgba(255,255,255,0.8)}.cities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:30px;margin:60px 0}.city-card{background:var(--glass);backdrop-filter:blur(15px);border-radius:var(--radius);overflow:hidden;border:1px solid var(--glass-border);transition:var(--transition);text-decoration:none;color:white;position:relative;box-shadow:var(--shadow)}.city-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.02) 50%,transparent 70%);transform:translateX(-100%);transition:transform .8s}.city-card:hover::before{transform:translateX(100%)}.city-card:hover{transform:translateY(-12px) scale(1.01);border-color:var(--gold-light);box-shadow:var(--shadow),var(--neon-glow)}.city-image{height:250px;background-size:110%;background-position:center;position:relative;overflow:hidden;transition:all .6s ease}.city-card:hover .city-image{animation:walkInside 10s ease-in-out infinite alternate}@keyframes walkInside{0%{background-size:105%;background-position:center center}33%{background-size:110%;background-position:30% 40%}66%{background-size:115%;background-position:70% 60%}100%{background-size:110%;background-position:50% 30%}}.city-badge{position:absolute;top:15px;left:15px;background:var(--accent);color:white;padding:6px 12px;border-radius:15px;font-weight:700;font-size:.8rem;z-index:2;box-shadow:0 3px 10px rgba(229,62,62,0.3)}.city-content{padding:25px;position:relative}.city-name{font-size:1.6rem;font-weight:800;margin-bottom:15px;display:flex;align-items:center;gap:12px;color:white}.city-name i{color:var(--gold-light);font-size:1.8rem}.city-stats{display:flex;gap:15px;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:8px;font-size:.9rem;background:rgba(255,255,255,0.08);padding:8px 14px;border-radius:20px;border:1px solid rgba(255,255,255,0.15);transition:var(--transition)}.stat:hover{background:rgba(255,255,255,0.12);transform:translateY(-2px)}.stat i{color:var(--gold-light)}.benefits-swiper{background:var(--glass);backdrop-filter:blur(15px);border-radius:var(--radius);padding:50px 30px;margin:80px 0;border:1px solid var(--glass-border);box-shadow:var(--shadow);position:relative;overflow:hidden}.benefits-swiper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.02) 50%,transparent 70%);transform:translateX(-100%);transition:transform .8s}.benefits-swiper:hover::before{transform:translateX(100%)}.section-title{text-align:center;font-size:2rem;font-weight:800;margin-bottom:40px;color:white;position:relative}.section-title::after{content:'';position:absolute;bottom:-12px;right:50%;transform:translateX(50%);width:80px;height:3px;background:linear-gradient(135deg,var(--gold-light),var(--accent));border-radius:2px}.swiper{width:100%;padding:20px 5px 50px}.swiper-slide{background:rgba(255,255,255,0.05);border-radius:var(--radius);padding:30px 25px;text-align:center;transition:var(--transition);border:1px solid rgba(255,255,255,0.1);height:auto}.swiper-slide:hover{background:rgba(255,255,255,0.08);transform:translateY(-8px);border-color:var(--secondary)}.benefit-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--secondary),var(--primary));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.8rem;transition:var(--transition);box-shadow:0 8px 25px rgba(43,108,176,0.25)}.swiper-slide:hover .benefit-icon{background:linear-gradient(135deg,var(--gold-light),var(--accent));transform:scale(1.08) rotate(8deg);box-shadow:0 12px 35px rgba(251,191,36,0.35)}.benefit-title{font-size:1.2rem;margin-bottom:12px;color:white;font-weight:700}.benefit-description{font-size:.9rem;opacity:.9;line-height:1.5}.main-footer{background:linear-gradient(135deg,var(--primary),var(--dark));position:relative;overflow:hidden;margin-top:80px;border-top:1px solid var(--gold-light)}.footer-content{padding:60px 0 30px;position:relative;z-index:2}.sponsor-section{text-align:center;margin-bottom:40px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:60px}.sponsor-title{font-size:1.3rem;color:var(--gold-light);margin-bottom:25px;font-weight:700;width:100%}.sponsor-card{display:flex;align-items:center;gap:20px;background:rgba(255,255,255,0.08);padding:25px 35px;border-radius:var(--radius);text-decoration:none;color:white;transition:var(--transition);border:1px solid rgba(255,255,255,0.15);backdrop-filter:blur(15px);position:relative;overflow:hidden;margin:0 30px}.sponsor-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left .7s}.sponsor-card:hover::before{left:100%}.sponsor-card:hover{background:rgba(255,255,255,0.12);transform:translateY(-6px) scale(1.01);border-color:var(--gold-light);box-shadow:0 15px 35px rgba(251,191,36,0.25)}.sponsor-logo{width:70px;height:70px;background:linear-gradient(135deg,var(--gold-light),var(--accent));border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:white;box-shadow:0 8px 25px rgba(251,191,36,0.3)}.sponsor-info{text-align:right}.sponsor-name{font-size:1.6rem;font-weight:800;margin-bottom:6px;background:linear-gradient(135deg,var(--gold-light),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sponsor-desc{font-size:1rem;opacity:.8;color:rgba(255,255,255,0.8)}.footer-bottom{background:rgba(0,0,0,0.25);padding:20px 0;border-top:1px solid rgba(255,255,255,0.1);position:relative;z-index:2}.copyright{text-align:center;color:rgba(255,255,255,0.6);font-size:.9rem}.footer-city{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(transparent 0,rgba(15,23,42,0.9) 100%),repeating-linear-gradient(90deg,transparent,transparent 25px,var(--secondary) 25px,var(--secondary) 50px);opacity:.3;z-index:1}.visitor-counter{position:fixed;top:20px;left:20px;background:var(--glass);backdrop-filter:blur(15px);padding:10px 16px;border-radius:20px;font-size:.85rem;border:1px solid var(--glass-border);z-index:1000;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow);transition:var(--transition)}.visitor-counter:hover{background:rgba(255,255,255,0.12);transform:translateY(-2px)}.visitor-counter i{color:var(--gold-light)}.loading-skeleton{opacity:0;animation:fadeIn .8s ease forwards}@keyframes fadeIn{to{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@media(max-width:1024px){.city-canvas{display:none !important}.floating-services{display:none !important}.gradient-bg{animation:none;background:linear-gradient(135deg,#0f172a 0,#1e293b 100%)}.sky-glow{animation:none;opacity:.4}.star-field{animation:none;opacity:.3}.city-cursor,.cursor-follower{display:none !important}body{cursor:default !important}.header::before{animation:none;opacity:.5}.mirror-frame::after{animation:none;opacity:.6}.city-card:hover .city-image{animation:none !important;background-size:110%}}@media(max-width:768px){.header{padding:80px 0 40px}.header h1{font-size:2.4rem}.header p{font-size:1.1rem}.mirror-frame{padding:30px 25px;margin:0 auto 20px;backdrop-filter:blur(10px)}.cities-grid{grid-template-columns:1fr;gap:25px;margin:40px 0}.benefits-swiper{padding:40px 20px;margin:60px 0;backdrop-filter:blur(10px)}.city-card:hover{transform:translateY(-8px) scale(1)}.visitor-counter{top:15px;left:15px;font-size:.75rem;padding:8px 12px}.sponsor-card{flex-direction:column;text-align:center;padding:20px}.sponsor-info{text-align:center}*{animation:none !important;transition:none !important}.city-card,.sponsor-card,.stat{transition:transform .2s ease,background .2s ease !important}}@media(max-width:480px){.header{padding:60px 0 30px}.header h1{font-size:2rem}.header p{font-size:1rem}.mirror-frame{padding:25px 20px}.cities-grid{gap:20px}.benefits-swiper{padding:30px 15px}.city-content{padding:20px}.city-stats{gap:8px}.stat{padding:6px 12px;font-size:.8rem}.gradient-bg{background:#0f172a}.sky-glow,.star-field{display:none !important}}