@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Orbitron:wght@400;700;900&display=swap");:root{--space-dark:#080818;--space-blue:#0f1b3d;--neon-cyan:#00d4ff;--neon-purple:#7c3aed;--neon-gold:#f59e0b;--neon-green:#10b981;--star-white:#fff;--danger-red:#ef4444}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{direction:rtl;scroll-behavior:smooth;font-size:16px}body{background:var(--space-dark);color:#e2e8f0;font-family:Tajawal,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--space-dark)}::-webkit-scrollbar-thumb{background:var(--neon-purple);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes moveStars{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan)}50%{box-shadow:0 0 25px var(--neon-cyan),0 0 50px var(--neon-cyan),0 0 80px var(--neon-cyan)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes drift{0%{transform:translateX(0) translateY(0) rotate(0deg);opacity:.6}33%{transform:translateX(30px) translateY(-20px) rotate(120deg);opacity:1}66%{transform:translateX(-20px) translateY(10px) rotate(240deg);opacity:.6}to{transform:translateX(0) translateY(0) rotate(1turn);opacity:.6}}@keyframes planetOrbit{0%{transform:rotate(0deg) translateX(60px) rotate(0deg)}to{transform:rotate(1turn) translateX(60px) rotate(-1turn)}}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 7px var(--neon-cyan),0 0 10px var(--neon-cyan),0 0 21px var(--neon-cyan),0 0 42px var(--neon-cyan)}20%,24%,55%{text-shadow:none}}.stars,.stars2,.stars3{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.stars{background-image:radial-gradient(1px 1px at 10% 15%,#fff 0,transparent 100%),radial-gradient(1px 1px at 25% 40%,#fff 0,transparent 100%),radial-gradient(1px 1px at 40% 10%,#fff 0,transparent 100%),radial-gradient(1px 1px at 55% 60%,#fff 0,transparent 100%),radial-gradient(1px 1px at 70% 30%,#fff 0,transparent 100%),radial-gradient(1px 1px at 85% 75%,#fff 0,transparent 100%),radial-gradient(1px 1px at 5% 80%,#fff 0,transparent 100%),radial-gradient(1px 1px at 90% 5%,#fff 0,transparent 100%),radial-gradient(1px 1px at 30% 90%,#fff 0,transparent 100%),radial-gradient(1px 1px at 60% 50%,#fff 0,transparent 100%),radial-gradient(1px 1px at 75% 85%,#fff 0,transparent 100%),radial-gradient(1px 1px at 15% 55%,#fff 0,transparent 100%),radial-gradient(1px 1px at 48% 28%,#fff 0,transparent 100%),radial-gradient(1px 1px at 92% 42%,#fff 0,transparent 100%),radial-gradient(1px 1px at 3% 35%,#fff 0,transparent 100%),radial-gradient(1px 1px at 67% 70%,#fff 0,transparent 100%),radial-gradient(1px 1px at 20% 20%,#fff 0,transparent 100%),radial-gradient(1px 1px at 80% 60%,#fff 0,transparent 100%),radial-gradient(1px 1px at 37% 77%,#fff 0,transparent 100%),radial-gradient(1px 1px at 52% 3%,#fff 0,transparent 100%);background-size:600px 600px;animation:moveStars 120s linear infinite;opacity:.7}.stars2{background-image:radial-gradient(1.5px 1.5px at 18% 22%,#a5b4fc 0,transparent 100%),radial-gradient(1.5px 1.5px at 43% 68%,#a5b4fc 0,transparent 100%),radial-gradient(1.5px 1.5px at 72% 12%,#a5b4fc 0,transparent 100%),radial-gradient(1.5px 1.5px at 88% 50%,#a5b4fc 0,transparent 100%),radial-gradient(1.5px 1.5px at 33% 45%,#a5b4fc 0,transparent 100%),radial-gradient(1.5px 1.5px at 60% 88%,#a5b4fc 0,transparent 100%),radial-gradient(1.5px 1.5px at 8% 62%,#a5b4fc 0,transparent 100%),radial-gradient(1.5px 1.5px at 95% 78%,#a5b4fc 0,transparent 100%),radial-gradient(1.5px 1.5px at 50% 35%,#a5b4fc 0,transparent 100%),radial-gradient(1.5px 1.5px at 25% 92%,#a5b4fc 0,transparent 100%);background-size:800px 800px;animation:moveStars 80s linear infinite;opacity:.5}.stars3{background-image:radial-gradient(2px 2px at 22% 48%,#bfdbfe 0,transparent 100%),radial-gradient(2px 2px at 65% 20%,#bfdbfe 0,transparent 100%),radial-gradient(2px 2px at 78% 65%,#bfdbfe 0,transparent 100%),radial-gradient(2px 2px at 12% 78%,#bfdbfe 0,transparent 100%),radial-gradient(2px 2px at 45% 55%,#bfdbfe 0,transparent 100%),radial-gradient(2px 2px at 90% 30%,#bfdbfe 0,transparent 100%),radial-gradient(2px 2px at 35% 8%,#bfdbfe 0,transparent 100%),radial-gradient(2px 2px at 55% 95%,#bfdbfe 0,transparent 100%);background-size:1000px 1000px;animation:moveStars 50s linear infinite;opacity:.35}.space-bg{background-color:var(--space-dark);background-image:radial-gradient(ellipse at 20% 50%,rgba(124,58,237,.15) 0,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(0,212,255,.1) 0,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(15,27,61,.8) 0,transparent 70%);min-height:100vh;position:relative}.float{animation:float 6s ease-in-out infinite}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.shimmer{background:linear-gradient(90deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.12) 50%,hsla(0,0%,100%,.03));background-size:1000px 100%;animation:shimmer 2s linear infinite}.drift{animation:drift 8s ease-in-out infinite}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));color:#fff;border:none;border-radius:50px;font-family:Tajawal,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 0 15px rgba(0,212,255,.35);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.15),transparent);opacity:0;transition:opacity .2s}.btn-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 30px rgba(0,212,255,.6),0 0 60px rgba(124,58,237,.3)}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(-1px) scale(.99)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;background:transparent;color:var(--neon-cyan);border:2px solid var(--neon-cyan);border-radius:50px;font-family:Tajawal,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.btn-secondary:hover{background:rgba(0,212,255,.12);box-shadow:0 0 20px rgba(0,212,255,.4);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.card-world{background:rgba(15,27,61,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,212,255,.2);border-radius:20px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden}.card-world:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.5),transparent)}.card-world:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 60px rgba(0,212,255,.2),0 0 40px rgba(124,58,237,.15);border-color:rgba(0,212,255,.5)}.progress-bar{width:100%;height:10px;background:hsla(0,0%,100%,.08);border-radius:999px;overflow:hidden;border:1px solid hsla(0,0%,100%,.05)}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));box-shadow:0 0 10px rgba(0,212,255,.6);transition:width .6s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:shimmer 2s infinite}.neon-text{color:var(--neon-cyan);text-shadow:0 0 7px var(--neon-cyan),0 0 14px var(--neon-cyan),0 0 28px var(--neon-cyan)}.neon-text-purple{color:#c084fc;text-shadow:0 0 7px var(--neon-purple),0 0 14px var(--neon-purple),0 0 28px var(--neon-purple)}.neon-text-gold{color:var(--neon-gold);text-shadow:0 0 7px var(--neon-gold),0 0 14px var(--neon-gold),0 0 28px var(--neon-gold)}.planet-orbit{animation:planetOrbit 10s linear infinite;transform-origin:center}.text-center{text-align:center}.relative,.z-above{position:relative}.z-above{z-index:1}.font-orbitron{font-family:Orbitron,monospace;letter-spacing:.05em}