@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
:root{--black:#060606;--black-rich:#030303;--black-card:#0d0d0d;--black-soft:#141414;--black-muted:#1c1c1c;--white:#fff;--white-off:#f0f0f0;--gray-100:#e0e0e0;--gray-200:silver;--gray-300:#a0a0a0;--gray-400:gray;--gray-500:#606060;--gray-600:#404040;--gray-700:#2a2a2a;--gray-800:#1a1a1a;--gold:#c9a84c;--gold-light:#e0c575;--gold-dark:#a8882e;--gold-glow:#c9a84c40;--font-ar:"Cairo", sans-serif;--font-en:"Outfit", sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);--container:1200px;--nav-h:80px;--radius:12px;--glass:#060606a6;--glass-border:#ffffff0f;--glass-blur:blur(24px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:thin;scrollbar-color:var(--gold) var(--black);font-size:16px}html::-webkit-scrollbar{width:5px}html::-webkit-scrollbar-track{background:var(--black)}html::-webkit-scrollbar-thumb{background:var(--gold);border-radius:5px}body{font-family:var(--font-ar);background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;cursor:none;direction:rtl;line-height:1.7;overflow-x:hidden}a{color:inherit;cursor:none;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}button{cursor:none}.cursor{border:2px solid var(--gold);pointer-events:none;z-index:99999;width:20px;height:20px;transition:width .3s var(--ease), height .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);mix-blend-mode:difference;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor.hover{border-color:var(--gold-light);background:#c9a84c26;width:50px;height:50px}.cursor-dot{background:var(--gold);pointer-events:none;z-index:100000;border-radius:50%;width:5px;height:5px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.preloader{background:var(--black-rich);z-index:100000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.preloader-bg{background:radial-gradient(circle at 30% 40%,#c9a84c08 0%,#0000 50%),radial-gradient(circle at 70% 60%,#ffffff05 0%,#0000 50%);position:absolute;inset:0}.preloader-logo{z-index:2;object-fit:contain;width:120px;height:120px;filter:drop-shadow(0 0 30px var(--gold-glow));position:relative}.preloader-text{z-index:2;font-family:var(--font-en);letter-spacing:8px;text-transform:uppercase;color:var(--gold);opacity:.7;margin-top:2rem;font-size:.7rem;position:relative}.preloader-progress{background:linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-light));z-index:2;width:0%;height:3px;transition:width .1s linear;position:absolute;bottom:0;left:0}.preloader-count{font-family:var(--font-en);color:var(--white);opacity:.08;z-index:2;font-size:5rem;font-weight:900;position:absolute;bottom:2rem;right:3rem}.nav{height:var(--nav-h);z-index:9000;transition:all .5s var(--ease);justify-content:space-between;align-items:center;padding:0 3rem;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border)}.nav-brand{align-items:center;gap:.75rem;display:flex}.nav-brand img{object-fit:contain;width:48px;height:48px;transition:transform .5s var(--ease)}.nav-brand:hover img{transform:rotate(-8deg)scale(1.1)}.nav-brand-text{flex-direction:column;line-height:1.2;display:flex}.nav-brand-ar{font-size:.95rem;font-weight:900}.nav-brand-en{font-family:var(--font-en);color:var(--gold);letter-spacing:3px;text-transform:uppercase;font-size:.6rem;font-weight:400}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--gray-300);padding:.4rem 0;font-size:.88rem;font-weight:500;transition:color .3s;position:relative}.nav-link:after{content:"";background:var(--gold);width:0;height:2px;transition:width .4s var(--ease);position:absolute;bottom:0;right:0}.nav-link:hover,.nav-link.active{color:var(--white)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-cta{background:linear-gradient(135deg, var(--gold), var(--gold-dark));transition:all .3s var(--ease);border:none;border-radius:100px;padding:.5rem 1.5rem;font-size:.82rem;font-weight:700;color:var(--black)!important}.nav-cta:hover{box-shadow:0 8px 25px var(--gold-glow);transform:translateY(-2px)}.nav-cta:after{display:none}.menu-btn{z-index:9001;background:0 0;border:none;flex-direction:column;gap:6px;padding:.5rem;display:none}.menu-btn span{background:var(--white);width:26px;height:2px;transition:all .3s var(--ease);border-radius:2px;display:block}.menu-btn.open span:first-child{transform:rotate(45deg)translate(5px,6px)}.menu-btn.open span:nth-child(2){opacity:0}.menu-btn.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-6px)}.hero{justify-content:center;align-items:center;height:100vh;min-height:750px;display:flex;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0}.hero-bg img{object-fit:cover;will-change:transform;width:100%;height:100%}.hero-overlay{background:linear-gradient(#03030380 0%,#0303034d 30%,#03030399 65%,#030303f7 100%);position:absolute;inset:0}.hero-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 200px 60px #00000080}.hero-stripes{opacity:.025;background:repeating-linear-gradient(90deg, transparent 0px, transparent 100px, var(--white) 100px, var(--white) 200px);pointer-events:none;position:absolute;inset:0}.hero-canvas{pointer-events:none;z-index:1;position:absolute;inset:0}.hero-content{z-index:5;text-align:center;max-width:900px;padding:0 2rem;position:relative}.hero-badge{color:var(--gold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#c9a84c14;border:1px solid #c9a84c40;border-radius:100px;align-items:center;gap:.6rem;padding:.4rem 1.4rem;font-size:.82rem;display:inline-flex}.hero-badge .dot{background:var(--gold);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 0 0 var(--gold-glow)}50%{opacity:.6;box-shadow:0 0 0 8px #0000}}.hero-logo-wrap{opacity:0;margin:2rem auto}.hero-logo-wrap img{object-fit:contain;width:150px;height:150px;filter:drop-shadow(0 0 50px var(--gold-glow));transition:transform .6s var(--ease);margin:0 auto}.hero-logo-wrap:hover img{transform:scale(1.08)rotate(-3deg)}.hero-title{font-family:var(--font-ar);margin-bottom:.5rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1.15;overflow:hidden}.hero-title .line{display:block;overflow:hidden}.hero-title .line-inner{display:block;transform:translateY(120%)}.hero-title .highlight{background:linear-gradient(135deg, var(--gold-light), var(--gold), var(--gold-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{font-family:var(--font-en);color:var(--gray-300);letter-spacing:8px;text-transform:uppercase;opacity:0;margin-bottom:1rem;font-size:clamp(.9rem,1.8vw,1.3rem);font-weight:300}.hero-desc{color:var(--gray-400);opacity:0;max-width:550px;margin:0 auto 2.5rem;font-size:1.05rem}.hero-actions{opacity:0;justify-content:center;align-items:center;gap:1.2rem;display:flex}.hero-scroll-indicator{z-index:5;opacity:0;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.hero-scroll-indicator span{color:var(--gray-500);letter-spacing:2px;font-size:.7rem}.scroll-line{background:var(--gray-700);width:1px;height:50px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:var(--gold);width:100%;height:100%;animation:2s infinite scroll-line-anim;position:absolute;top:-100%;left:0}@keyframes scroll-line-anim{0%{top:-100%}to{top:100%}}.btn{font-family:var(--font-ar);transition:all .4s var(--ease);border:none;border-radius:100px;align-items:center;gap:.6rem;padding:.85rem 2.2rem;font-size:.92rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:var(--black)}.btn-primary:hover{box-shadow:0 12px 35px var(--gold-glow);transform:translateY(-3px)}.btn-ghost{border:1px solid var(--gray-600);color:var(--white);background:0 0}.btn-ghost:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-3px)}.ticker{background:var(--gold);z-index:10;padding:.45rem 0;position:relative;overflow:hidden}.ticker-track{will-change:transform;width:max-content;display:flex}.ticker-item{color:var(--black);white-space:nowrap;align-items:center;gap:1.5rem;padding:0 2.5rem;font-size:.82rem;font-weight:700;display:inline-flex}.ticker-item .sep{background:var(--black);opacity:.3;border-radius:50%;width:4px;height:4px}.section{padding:7rem 2rem;position:relative}.container{max-width:var(--container);margin:0 auto}.section-header{text-align:center;margin-bottom:4.5rem}.section-label{font-family:var(--font-en);color:var(--gold);text-transform:uppercase;letter-spacing:5px;align-items:center;gap:.8rem;margin-bottom:1rem;font-size:.72rem;font-weight:600;display:inline-flex}.section-label:before,.section-label:after{content:"";background:var(--gold);opacity:.5;width:35px;height:1px}.section-title{margin-bottom:1rem;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:900;line-height:1.25}.section-desc{color:var(--gray-400);max-width:550px;margin:0 auto;font-size:1rem}.about{background:var(--black-rich);overflow:hidden}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.about-visual{position:relative}.about-img-wrap{border-radius:var(--radius);position:relative;overflow:hidden}.about-img-wrap img{object-fit:cover;width:100%;height:520px;transition:transform 1s var(--ease)}.about-img-wrap:hover img{transform:scale(1.06)}.about-img-reveal{background:var(--gold);transform-origin:100%;z-index:2;position:absolute;inset:0}.about-year-badge{z-index:3;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius);border:1px solid var(--glass-border);padding:1rem 1.5rem;position:absolute;bottom:1.5rem;right:1.5rem}.about-year-badge .yr{font-family:var(--font-en);color:var(--gold);font-size:2.8rem;font-weight:900;line-height:1}.about-year-badge .yr-label{color:var(--gray-400);font-size:.72rem}.about-floating-badge{z-index:3;background:var(--gold);color:var(--black);border-radius:var(--radius);box-shadow:0 8px 30px var(--gold-glow);padding:.75rem 1.5rem;font-size:.85rem;font-weight:800;position:absolute;top:2rem;left:-2rem}.about-text h3{margin-bottom:1.5rem;font-size:2.2rem;font-weight:900;line-height:1.4}.about-text h3 em{color:var(--gold);font-style:normal}.about-text p{color:var(--gray-300);margin-bottom:1.2rem;font-size:1.02rem;line-height:2}.about-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem;display:grid}.stat-card{text-align:center;background:var(--black-soft);border-radius:var(--radius);border:1px solid var(--glass-border);transition:all .4s var(--ease);padding:1.5rem 1rem}.stat-card:hover{border-color:#c9a84c4d;transform:translateY(-6px);box-shadow:0 10px 30px #c9a84c1a}.stat-num{font-family:var(--font-en);color:var(--gold);font-size:2.8rem;font-weight:900;line-height:1}.stat-label{color:var(--gray-400);margin-top:.4rem;font-size:.8rem}.achievements{background:var(--black);overflow:hidden}.achievements:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9a84c0a 0%,#0000 70%);width:600px;height:600px;position:absolute;top:0;right:0}.ach-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.ach-card{background:linear-gradient(160deg, var(--black-card), var(--black-soft));border:1px solid var(--glass-border);border-radius:var(--radius);text-align:center;transition:all .5s var(--ease);will-change:transform;padding:2.5rem 2rem;position:relative;overflow:hidden}.ach-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:0;height:3px;transition:opacity .5s;position:absolute;top:0;left:0;right:0}.ach-card:hover{border-color:#c9a84c33;box-shadow:0 20px 50px #0000004d,0 0 30px #c9a84c0d}.ach-card:hover:before{opacity:1}.ach-icon{width:65px;height:65px;transition:all .4s var(--ease);background:#c9a84c14;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.6rem;display:flex}.ach-card:hover .ach-icon{background:#c9a84c26;transform:scale(1.1)translateY(-5px)}.ach-card h3{margin-bottom:.6rem;font-size:1.1rem;font-weight:700}.ach-card p{color:var(--gray-400);font-size:.88rem;line-height:1.8}.stadium{justify-content:center;align-items:center;height:75vh;min-height:550px;padding:0;display:flex;position:relative;overflow:hidden}.stadium-bg{will-change:transform;position:absolute;inset:-10%}.stadium-bg img{object-fit:cover;width:100%;height:100%}.stadium-overlay{background:linear-gradient(135deg,#030303e0 0%,#0303038c 50%,#030303e0 100%);position:absolute;inset:0}.stadium-content{z-index:5;text-align:center;padding:2rem;position:relative}.stadium-content h2{margin-bottom:1rem;font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:900}.stadium-content h2 em{color:var(--gold);font-style:normal}.stadium-content>p{color:var(--gray-300);max-width:550px;margin:0 auto 3rem;font-size:1.05rem}.stadium-stats{flex-wrap:wrap;justify-content:center;gap:4rem;display:flex}.stadium-stat .num{font-family:var(--font-en);color:var(--gold);font-size:3.2rem;font-weight:900;line-height:1}.stadium-stat .lbl{color:var(--gray-400);margin-top:.3rem;font-size:.82rem}.news{background:var(--black-rich)}.news-grid{grid-template-columns:repeat(3,1fr);gap:1.8rem;display:grid}.news-card{background:var(--black-soft);border-radius:var(--radius);border:1px solid var(--glass-border);transition:all .5s var(--ease);overflow:hidden}.news-card:hover{border-color:#c9a84c26;transform:translateY(-8px);box-shadow:0 20px 50px #0000004d}.news-card-img{height:230px;position:relative;overflow:hidden}.news-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}.news-card:hover .news-card-img img{transform:scale(1.1)}.news-card-tag{background:var(--gold);color:var(--black);border-radius:100px;padding:.2rem .8rem;font-size:.7rem;font-weight:700;position:absolute;top:1rem;right:1rem}.news-card-body{padding:1.5rem}.news-card-date{font-family:var(--font-en);color:var(--gray-500);margin-bottom:.5rem;font-size:.75rem}.news-card h3{margin-bottom:.5rem;font-size:1.05rem;font-weight:700;line-height:1.6;transition:color .3s}.news-card:hover h3{color:var(--gold)}.news-card p{color:var(--gray-400);font-size:.88rem;line-height:1.8}.players{background:var(--black);overflow:hidden}.players-scroll{cursor:grab;will-change:transform;gap:1.5rem;padding:1rem 0;display:flex}.players-scroll:active{cursor:grabbing}.player-card{background:linear-gradient(180deg, var(--black-card), var(--black-soft));border-radius:var(--radius);border:1px solid var(--glass-border);transition:all .5s var(--ease);text-align:center;flex:0 0 230px;overflow:hidden}.player-card:hover{border-color:#c9a84c40;transform:translateY(-10px);box-shadow:0 20px 40px #0006}.player-card-visual{background:linear-gradient(160deg, var(--black-muted), var(--gray-700));justify-content:center;align-items:center;height:270px;display:flex;position:relative;overflow:hidden}.player-card-visual .jersey-num{font-family:var(--font-en);color:#ffffff0a;font-size:7rem;font-weight:900;position:absolute}.player-card-visual .icon{opacity:.4;transition:all .5s var(--ease);font-size:4.5rem}.player-card:hover .icon{opacity:.7;transform:scale(1.15)}.player-card-info{padding:1.5rem}.player-card-info h4{margin-bottom:.2rem;font-size:1rem;font-weight:700}.player-card-info .role{color:var(--gold);font-size:.78rem;font-weight:600}.fans{background:var(--black-rich);overflow:hidden}.fans-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.fans-img-wrap{border-radius:var(--radius);position:relative;overflow:hidden}.fans-img-wrap img{object-fit:cover;width:100%;height:480px;transition:transform 1s var(--ease)}.fans-img-wrap:hover img{transform:scale(1.05)}.fans-text h2{margin-bottom:1.5rem;font-size:2.5rem;font-weight:900;line-height:1.4}.fans-text h2 em{color:var(--gold);font-style:normal}.fans-text p{color:var(--gray-300);margin-bottom:1.2rem;font-size:1.02rem;line-height:2}.contact{background:var(--black)}.contact-grid{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.contact-card{background:var(--black-soft);border-radius:var(--radius);border:1px solid var(--glass-border);transition:all .4s var(--ease);align-items:flex-start;gap:1.2rem;margin-bottom:1rem;padding:1.2rem;display:flex}.contact-card:hover{border-color:#c9a84c33;transform:translate(-6px)}.contact-card-icon{border-radius:var(--radius);background:#c9a84c14;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;display:flex}.contact-card h4{margin-bottom:.2rem;font-size:.95rem;font-weight:700}.contact-card p{color:var(--gray-400);font-size:.88rem}.contact-form{flex-direction:column;gap:1.2rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.input,.textarea{background:var(--black-soft);border:1px solid var(--glass-border);border-radius:var(--radius);width:100%;color:var(--white);font-family:var(--font-ar);direction:rtl;outline:none;padding:.9rem 1.2rem;font-size:.92rem;transition:all .3s}.textarea{resize:vertical;min-height:140px}.input:focus,.textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c14}.input::placeholder,.textarea::placeholder{color:var(--gray-600)}.footer{background:var(--black-rich);border-top:1px solid var(--glass-border);padding:5rem 2rem 1.5rem}.footer-grid{max-width:var(--container);grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin:0 auto 3rem;display:grid}.footer-desc{color:var(--gray-400);margin-top:1rem;font-size:.88rem;line-height:1.9}.footer-social{gap:.8rem;margin-top:1.5rem;display:flex}.footer-social a{background:var(--black-soft);border:1px solid var(--glass-border);width:38px;height:38px;transition:all .3s var(--ease);border-radius:8px;justify-content:center;align-items:center;font-size:1rem;display:flex}.footer-social a:hover{background:var(--gold);color:var(--black);border-color:var(--gold);transform:translateY(-3px)}.footer-col h4{margin-bottom:1.2rem;font-size:.95rem;font-weight:700}.footer-col li{margin-bottom:.5rem}.footer-col a{color:var(--gray-400);font-size:.88rem;transition:all .3s}.footer-col a:hover{color:var(--gold);padding-right:.4rem}.footer-bottom{max-width:var(--container);border-top:1px solid var(--glass-border);color:var(--gray-500);justify-content:space-between;align-items:center;margin:0 auto;padding-top:1.5rem;font-size:.75rem;display:flex}.btt{background:var(--gold);width:44px;height:44px;color:var(--black);z-index:100;opacity:0;visibility:hidden;transition:all .4s var(--ease);box-shadow:0 4px 20px var(--gold-glow);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:fixed;bottom:2rem;left:2rem;transform:translateY(20px)}.btt.show{opacity:1;visibility:visible;transform:translateY(0)}.btt:hover{box-shadow:0 8px 30px var(--gold-glow);transform:translateY(-4px)}.clip-reveal{clip-path:inset(0 0 100%);transition:clip-path}@media (max-width:1024px){.about-grid,.fans-grid,.contact-grid{grid-template-columns:1fr;gap:3rem}.ach-grid,.news-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--nav-h:70px}.cursor,.cursor-dot{display:none}body{cursor:auto}a,button{cursor:pointer}.nav{padding:0 1.5rem}.nav-links{background:var(--black-rich);width:80%;max-width:340px;height:100vh;transition:right .5s var(--ease);border-left:1px solid var(--glass-border);z-index:9000;flex-direction:column;justify-content:center;gap:1.8rem;position:fixed;top:0;right:-100%}.nav-links.open{right:0}.menu-btn{display:flex}.section{padding:5rem 1.5rem}.ach-grid,.news-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.about-stats{grid-template-columns:repeat(3,1fr);gap:.6rem}.stat-num{font-size:1.8rem}.stadium-stats{gap:2rem}.stadium-stat .num{font-size:2.2rem}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{text-align:center;flex-direction:column;gap:.8rem}.about-img-wrap img,.fans-img-wrap img{height:300px}.about-floating-badge{display:none}}@media (max-width:480px){.hero-logo-wrap img{width:110px;height:110px}.nav-brand-ar{font-size:.82rem}}