:root{--bg-deep:0 0% 4%;--bg-surface:0 0% 8%;--bg-surface-elevated:0 0% 12%;--border-subtle:0 0% 16%;--border-active:45 80% 50%;--text-primary:0 0% 95%;--text-secondary:0 0% 65%;--text-muted:0 0% 45%;--primary:38 92% 50%;--primary-hover:38 92% 43%;--primary-glow:38 92% 50% / .15;--success:142 70% 45%;--error:0 84% 60%;--font-arabic:"Amiri", serif;--font-sans:"Outfit", sans-serif;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080;--radius-sm:8px;--radius-md:14px;--radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:hsl(var(--bg-deep));min-height:100%;color:hsl(var(--text-primary));font-family:var(--font-sans);-webkit-font-smoothing:antialiased;scrollbar-gutter:stable;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:hsl(var(--bg-deep))}::-webkit-scrollbar-thumb{background:hsl(var(--bg-surface-elevated));border:2px solid hsl(var(--bg-deep));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--border-subtle))}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.text-gold{color:hsl(var(--primary))}.font-arabic{font-family:var(--font-arabic)}.header-glass{z-index:50;background-color:hsla(var(--bg-deep) / .75);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid hsl(var(--border-subtle));position:sticky;top:0}.nav-bar{justify-content:space-between;align-items:center;height:72px;display:flex}.nav-logo{letter-spacing:-.025em;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;display:flex}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:hsl(var(--text-secondary));font-size:.95rem;font-weight:500;transition:all .2s;position:relative}.nav-link:hover,.nav-link.active{color:hsl(var(--text-primary))}.nav-link.active:after{content:"";background-color:hsl(var(--primary));width:100%;height:2px;box-shadow:0 0 10px hsl(var(--primary));position:absolute;bottom:-24px;left:0}.card-glass{background-color:hsl(var(--bg-surface));border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.card-glass:hover{border-color:hsla(var(--primary) / .4);box-shadow:0 12px 20px -8px #0009, 0 0 15px hsla(var(--primary) / .05);transform:translateY(-4px)}.grid-responsive{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}@keyframes shimmer{to{transform:translate(100%)}}.shimmer-box{background-color:hsl(var(--bg-surface));border-radius:var(--radius-sm);position:relative;overflow:hidden}.shimmer-box:after{content:"";background-image:linear-gradient(90deg,#fff0 0%,#ffffff08 20%,#ffffff0f 60%,#fff0 100%);animation:1.8s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.player-height-compensation{padding-bottom:120px}