@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";.login-page{direction:rtl;background:url(/bg-new.jpeg) 50%/100% 100% no-repeat;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-header{text-align:center;margin-bottom:30px}.login-wrapper{text-align:center;width:100%;max-width:440px}.login-wrapper h1{color:#39ff14;margin-bottom:25px;font-size:28px;font-weight:800}.login-box{background:#0d2a0d;border:1px solid #39ff1426;border-radius:16px;padding:30px}.input-group{text-align:right;margin-bottom:18px}.input-group label{color:#fff9;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.input-group input,.input-group select{color:#fff;background:#0006;border:1px solid #39ff1426;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:Cairo,sans-serif;font-size:14px;transition:all .3s}.input-group input:focus,.input-group select:focus{border-color:#39ff14;box-shadow:0 0 15px #39ff141a}.input-group input::placeholder{color:#ffffff40}.login-btn{color:#39ff14;cursor:pointer;background:#0d2a0d;border:1px solid #39ff14;border-radius:30px;width:100%;margin-top:10px;padding:13px;font-family:Cairo,sans-serif;font-size:16px;font-weight:700;transition:all .3s}.login-toggle{color:#ffffff80;margin-top:20px;font-size:14px}.login-toggle button{color:#39ff14;cursor:pointer;background:0 0;border:none;font-family:Cairo,sans-serif;font-size:14px;font-weight:600}.login-toggle button:hover{text-decoration:underline}.stadium-header{background-color:#0000;background-image:linear-gradient(#0006,#000),url(/stadium-bg.jpeg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;height:180px;position:relative}.shadow-overlay{background:linear-gradient(#0000 30%,#000 95%);width:100%;height:100%;position:absolute;bottom:0}.main-content{z-index:5;margin-top:-80px;padding-bottom:50px;position:relative}.container{width:90%;max-width:1200px;margin:0 auto}.players-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.player-card{text-align:center;background:#0d2a0d;border:1px solid #39ff141a;border-radius:14px;padding:15px;transition:all .4s}.image-wrapper{border-radius:10px;width:100%;height:200px;margin-bottom:12px;overflow:hidden}.image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.player-card:hover .image-wrapper img{transform:scale(1.05)}.player-data h3{color:#fff;margin-bottom:5px;font-size:15px;font-weight:700}.player-data .year{color:#ffffff59;margin-bottom:5px;font-size:12px;display:block}.player-data .position{color:#39ff14;margin-bottom:15px;font-size:13px;font-weight:600}.details-btn{color:#39ff14;cursor:pointer;background:#0d2a0d;border:1px solid #39ff14;border-radius:8px;width:100%;padding:8px 0;font-size:12px;font-weight:700;transition:all .3s}.details-btn:hover{color:#000;background:#39ff14}@media (width<=1024px){.players-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.players-grid{grid-template-columns:1fr}.image-wrapper{height:180px}}.hero{text-align:center;background-color:#0000;background-image:linear-gradient(#0006,#000000b3,#000),url(/stadium-bg.jpeg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;height:400px;display:flex}.player-profile{text-align:center;z-index:5;max-width:900px;margin:-100px auto 60px;padding:30px 20px;position:relative}.star-badge{color:#39ff14;background:#0d2a0d;border:1px solid #39ff14;border-radius:20px;margin-bottom:15px;padding:6px 30px;font-size:14px;font-weight:800;display:inline-block;box-shadow:0 4px 20px #39ff144d}.player-name{color:#fff;margin-bottom:25px;font-size:28px;font-weight:800}.profile-container{text-align:right;grid-template-columns:1fr 1fr;gap:25px;display:grid}.player-info,.player-image-container{background:#0d2a0d;border:1px solid #39ff141a;border-radius:14px;padding:20px}.info-row{background:#0000004d;border:1px solid #39ff140d;border-radius:10px;justify-content:space-between;margin-bottom:8px;padding:12px 15px;transition:all .3s;display:flex}.info-row:hover{border-color:#39ff1433}.info-row .label{color:#ffffff73;font-size:14px}.info-row .value{color:#39ff14;font-size:14px;font-weight:700}.player-image-container img,.player-image img{object-fit:contain;border-radius:12px;max-width:100%;height:280px}.player-image{background:#0d2a0d;border:1px solid #39ff141a;border-radius:14px;justify-content:center;align-items:center;padding:15px;display:flex;overflow:hidden}@media (width<=768px){.profile-container{grid-template-columns:1fr}}.skills-video-section{border-top:1px solid #39ff144d;margin-top:40px;padding-top:30px}.skills-video-title{color:#39ff14;text-align:right;margin-bottom:24px;font-size:22px}.videos-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.video-grid-item{flex-direction:column;display:flex}.video-label{color:#39ff14;direction:rtl;background:linear-gradient(135deg,#39ff141a,#39ff1408);border:1px solid #39ff1433;border-radius:10px;align-self:flex-end;align-items:center;gap:8px;width:fit-content;margin-bottom:10px;padding:8px 14px;font-size:14px;font-weight:700;display:flex}.video-label-icon{opacity:.8;font-size:12px}.skills-video-card,.skills-video-embed-card{background:#000;border:1px solid #39ff1433;border-radius:16px;margin-bottom:0;transition:border-color .3s,box-shadow .3s;overflow:hidden;box-shadow:0 10px 40px #0009}.skills-video-card:hover{border-color:#39ff1466;box-shadow:0 10px 40px #0009,0 0 15px #39ff141a}.skills-video-element{object-fit:contain;background:#000;width:100%;max-height:560px;display:block}.skills-video-embed-wrap{margin-bottom:20px;position:relative}.skills-video-embed-card{aspect-ratio:16/9;width:100%}.skills-video-embed-frame{border:0;width:100%;height:100%;display:block}.add-video-btn{color:#39ff14;cursor:pointer;background:0 0;border:1px solid #39ff14;border-radius:25px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.add-video-btn:hover{background:#39ff141a;box-shadow:0 0 15px #39ff1433}@media (width<=768px){.skills-video-section{margin-top:28px;padding-top:20px}.skills-video-title{margin-bottom:16px;font-size:19px}.videos-grid{grid-template-columns:1fr;gap:18px}.skills-video-card,.skills-video-embed-card{border-radius:12px}.skills-video-element{max-height:52svh}.video-label{padding:6px 12px;font-size:13px}}@media (width<=480px){.videos-grid{gap:14px}.video-label{gap:6px;padding:5px 10px;font-size:12px}.skills-video-card{border-radius:10px}.add-video-btn{padding:8px 16px;font-size:12px}}.register-page{direction:rtl;background-color:#000;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.form-container{background:#0d2a0d;border:1px solid #39ff1426;border-radius:16px;width:100%;max-width:600px;padding:35px}.form-container h2{text-align:center;color:#39ff14;margin-bottom:25px;font-size:24px;font-weight:800}.form-group{margin-bottom:18px}.form-group label{color:#fff9;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{color:#fff;background:#0006;border:1px solid #39ff1426;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:Cairo,sans-serif;font-size:14px;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#39ff14;box-shadow:0 0 15px #39ff141a}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff40}.submit-btn{color:#39ff14;cursor:pointer;background:#0d2a0d;border:1px solid #39ff14;border-radius:30px;width:100%;margin-top:10px;padding:13px;font-family:Cairo,sans-serif;font-size:16px;font-weight:700;transition:all .3s}.submit-btn:hover{color:#000;background:#39ff14;box-shadow:0 6px 25px #39ff1459}*{box-sizing:border-box;margin:0;padding:0;font-family:Cairo,sans-serif}body{color:#fff;direction:rtl;background-color:#000}img,video{max-width:100%;height:auto}iframe{max-width:100%}.custom-cursor{pointer-events:none;z-index:9999;background:#39ff14;border-radius:50%;width:12px;height:12px;transition:width .3s,height .3s,background .3s;position:fixed;top:0;left:0;box-shadow:0 0 15px #39ff14,0 0 30px #39ff1480}.custom-cursor.cursor-active{background:#39ff1426;border:2px solid #39ff14;width:40px;height:40px}.reveal{opacity:0;transition:all 1.2s cubic-bezier(.2,1,.3,1);transition-delay:var(--delay,0s);transform:translateY(60px)}.reveal.revealed{opacity:1;transform:translateY(0)}a,button,.player-card,.view-btn{cursor:pointer!important}.social-topbar{background:#000;border-bottom:1px solid #ffffff0d;justify-content:flex-start;align-items:center;gap:12px;padding:6px 50px;display:flex}.social-topbar a{color:#ffffff80;font-size:14px;text-decoration:none;transition:color .3s}.social-topbar a:hover{color:#39ff14}header{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#000000eb;border-bottom:1px solid #39ff1414;width:100%;padding:0 34px;position:fixed;top:0}nav{justify-content:space-between;align-items:center;width:100%;max-width:1600px;min-height:95px;margin:0 auto;display:flex}.logo{flex:1;justify-content:flex-start;display:flex}.nav-menu{flex:3;justify-content:space-between;align-items:center;display:flex}.nav-links{flex:1;justify-content:center;align-items:center;list-style:none;display:flex}.nav-links li{margin:0 15px}.nav-links li a{color:#ffffffa6;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-links li a:not(.nav-btn-login):not(.nav-btn-create):after{content:"";color:#39ff14;background:#0d2a0d;border:1px solid #39ff14;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;right:0}.nav-links li a:not(.nav-btn-login):not(.nav-btn-create):hover:after,.nav-links li a:not(.nav-btn-login):not(.nav-btn-create).active:after{width:100%}.nav-links li a:hover,.nav-links li a.active{color:#39ff14}.nav-btn-create{cursor:pointer;border:1px solid #39ff14;border-radius:25px;padding:6px 18px;font-weight:700;transition:all .3s;color:#39ff14!important;background:#0d2a0d!important;font-size:13px!important;text-decoration:none!important}.nav-btn-create:hover{border-color:#39ff14;transform:translateY(-1px);box-shadow:0 0 15px #39ff144d;color:#39ff14!important;background:#39ff1426!important}.nav-btn-login{cursor:pointer;background:0 0;border:1px solid #39ff14;border-radius:25px;padding:6px 18px;font-weight:600;transition:all .3s;color:#39ff14!important;font-size:13px!important;text-decoration:none!important}.nav-btn-login:hover{background:#39ff1414;border-color:#50ff30}.nav-logout-btn{background:#ff3c3c1a;border:1px solid #ff3c3c33;border-radius:20px;padding:5px 14px;transition:all .3s;color:#f44!important;font-size:12px!important;text-decoration:none!important}.nav-logout-btn:hover{background:#ff3c3c33;border-color:#f44}.nav-auth{align-items:center;display:flex}.auth-user{align-items:center;gap:12px;display:flex}.auth-user span{color:#fff9;font-size:13px}.auth-btns{gap:10px;display:flex}.menu-toggle{cursor:pointer;flex-direction:column;gap:5px;display:none}.menu-toggle .bar{background-color:#39ff14;border-radius:2px;width:25px;height:2px;transition:all .3s}@media (width<=1024px){header{padding:6px 14px}.nav-menu{z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000fa;border-bottom:1px solid #39ff1433;flex-direction:column;gap:30px;width:100%;padding:40px 20px;display:none;position:absolute;top:64px;left:0}.nav-menu.active{display:flex}.nav-links{flex-direction:column;gap:15px;width:100%}.nav-auth{justify-content:center;width:100%}.menu-toggle{display:flex!important}.social-topbar{display:none}}.logo img{object-fit:fill;width:380px;max-width:100%;height:75px;transition:height .3s}@media (width<=1024px){.logo img{object-fit:fill;width:260px;height:52px}}.logo-text{color:#fff;letter-spacing:1px;font-size:32px;font-weight:900;text-decoration:none}.logo-text span{color:#39ff14}nav ul{align-items:center;list-style:none;display:flex}nav ul li{margin:0 14px}nav ul li a{color:#ffffffa6;font-size:14px;text-decoration:none;transition:all .3s}nav ul li a:hover,nav ul li a.active{color:#39ff14}.login-btn{color:#39ff14;cursor:pointer;background:#0d2a0d;border:1px solid #39ff14;border-radius:25px;padding:8px 25px;font-weight:700;transition:all .3s}.login-btn:hover{color:#000;background:#39ff14;box-shadow:0 4px 20px #39ff1459}.hero{text-align:center;background-color:#0000;background-image:linear-gradient(#0000004d 0%,#0000 50%,#000 100%),url(/WhatsApp%20Image%202026-05-08%20at%209.20.03%20PM.jpeg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;height:100vh;padding-top:80px;display:flex;position:relative}.hero:after{content:"";background:linear-gradient(#0000,#000);height:200px;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:2;margin-top:80px;position:relative}.hero-content .hero-logo-text{color:#fff;text-shadow:0 4px 40px #0009;margin-bottom:10px;font-size:72px;font-weight:900}.hero-content h1{text-shadow:0 2px 20px #00000080;margin-bottom:10px;font-size:48px;font-weight:800}.hero-content p{color:#ffffffa6;margin-bottom:35px;font-size:20px}.hero-brand{text-align:center}.home-hero-title{text-shadow:0 4px 15px #000c;margin-bottom:10px;font-size:clamp(2rem,6vw,3.5rem);font-weight:900}.home-hero-subtitle{text-shadow:0 2px 10px #000c;margin-top:0;margin-bottom:30px;font-size:clamp(1.1rem,3.8vw,2rem);font-weight:500}.home-hero-btns{justify-content:center;gap:15px;display:flex}.home-hero-btn{text-decoration:none}.btn-green{color:#39ff14;cursor:pointer;background:#0d2a0d;border:1px solid #39ff14;border-radius:30px;margin:0 10px;padding:14px 45px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-green:hover{color:#000;background:#39ff14;transform:translateY(-2px);box-shadow:0 8px 30px #39ff1466}.btn-white{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:30px;margin:0 10px;padding:14px 45px;font-size:16px;font-weight:600;transition:all .3s}.btn-white:hover{background:#ffffff14;border-color:#fff}.players{text-align:center;background-color:#000;padding:80px 50px}.section-title{color:#fff;margin-bottom:50px;font-size:32px;font-weight:800;position:relative}.section-title:after{content:"";color:#39ff14;background:#0d2a0d;border:1px solid #39ff14;border-radius:2px;width:50px;height:3px;margin:12px auto 0;display:block}.players-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;max-width:1200px;margin:0 auto 50px;display:grid}.player-card{cursor:pointer;z-index:1;background:#0d2a0d;border:1px solid #39ff141a;border-radius:14px;padding:18px;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.player-card:before{content:"";top:var(--mouse-y);left:var(--mouse-x);z-index:-1;pointer-events:none;background:radial-gradient(circle,#39ff1440 0%,#0000 70%);width:0;height:0;transition:width .4s,height .4s;position:absolute;transform:translate(-50%,-50%)}.player-card:hover{border-color:#39ff1499;transform:translateY(-12px)scale(1.02)rotateX(2deg)rotateY(2deg);box-shadow:0 15px 40px #39ff1426,0 0 20px #39ff141a}.player-card:hover:before{width:400px;height:400px}.player-card img{object-fit:cover;border-radius:10px;width:100%;height:280px;margin-bottom:15px;transition:transform .6s}.player-card:hover img{transform:scale(1.05)}.player-card h3{color:#fff;margin-bottom:6px;font-size:18px;font-weight:700;transition:color .3s}.player-card:hover h3{color:#39ff14}.player-card p{color:#ffffff73;font-size:14px}.player-card .year{color:#ffffff59}.player-card .pos{color:#39ff14;font-weight:600}.view-btn{color:#39ff14;cursor:pointer;background:#0d2a0d;border:1px solid #39ff14;border-radius:8px;width:100%;margin-top:15px;padding:10px;font-weight:700;transition:all .3s}.view-btn:hover{color:#000;background:#39ff14;box-shadow:0 0 15px #39ff1466}.show-all{color:#39ff14;cursor:pointer;background:#0d2a0d;border:1px solid #39ff14;border-radius:30px;padding:14px 50px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.show-all:hover{color:#000;background:#39ff14;transform:translateY(-2px);box-shadow:0 8px 30px #39ff1459}.cta{text-align:center;background-color:#0000;background-image:linear-gradient(#0009,#000000d9),url(/stadium-bg.jpeg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;height:450px;display:flex}.cta h2{margin-bottom:30px;font-size:36px;font-weight:800}.cta-btn{color:#39ff14;cursor:pointer;background:0 0;border:2px solid #39ff14;border-radius:30px;padding:14px 50px;font-size:18px;font-weight:700;transition:all .3s}.cta-btn:hover{color:#39ff14;background:#0d2a0d;border:1px solid #39ff14;box-shadow:0 6px 25px #39ff1466}.home-cta{min-height:350px;margin-bottom:80px}.home-cta-title{color:#fff;margin-bottom:25px;font-size:clamp(1.4rem,4.6vw,2.5rem);font-weight:800;line-height:1.4}.home-cta-btn{color:#fff;background:#000c;border:2px solid #fff;border-radius:5px;padding:12px 40px;font-size:clamp(.95rem,3vw,1.2rem);font-weight:700;text-decoration:none}footer{background:#0d2a0d;border-top:2px solid #39ff14;padding:10px 34px 8px}.footer-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footer-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.footer-brand{color:#fff;font-size:36px;font-weight:900}.footer-tagline{color:#ffffff80;font-size:13px}.footer-links{list-style:none;display:flex}.footer-links li{margin-right:20px}.footer-links li a{color:#fff9;font-size:14px;text-decoration:none;transition:all .3s}.footer-links li a:hover{color:#39ff14}.social-icons{gap:12px;display:flex}.social-icons a{color:#ffffffb3;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;text-decoration:none;transition:all .3s;display:flex}.social-icons a:hover{color:#39ff14;background:#0d2a0d;border:1px solid #39ff14;transform:translateY(-2px)}.footer-logo img{width:180px;max-width:100%;height:auto}.footer-logo-media{object-fit:fill;width:330px;max-width:100%;height:65px}.signup-logo-media{object-fit:contain;width:min(500px,96vw);max-width:100%;height:auto}@media (width<=768px){.hero{min-height:92svh;padding-top:110px}.hero-content{width:min(92vw,560px);margin-top:40px}.home-hero-subtitle{margin-bottom:18px;line-height:1.7}.home-hero-btns{flex-direction:column;align-items:center;gap:10px}.home-hero-btn{text-align:center;width:min(320px,90vw);margin:0;padding:12px 20px}.players{padding:55px 16px}.section-title{margin-bottom:28px;font-size:26px}.players-grid{gap:14px;margin-bottom:26px}.player-card img{height:220px}.show-all{width:min(320px,90vw);padding:12px 20px}.home-cta{min-height:260px;margin-bottom:40px;padding:24px 16px}.home-cta-title{margin-bottom:16px}.home-cta-btn{width:min(320px,90vw);padding:11px 16px;display:inline-block}footer{padding:8px 14px 6px!important}.footer-container{flex-direction:column!important;gap:10px!important}.footer-right{flex-direction:column!important;gap:5px!important}.footer-right .footer-brand img{width:170px!important;height:auto!important}.footer-logo-media{width:min(320px,92vw)}.signup-logo-media{width:min(360px,94vw)}.footer-tagline{font-size:11px!important}.social-icons{gap:8px}.social-icons a{width:32px;height:32px;font-size:13px}}.player-card,.info-row,.video-placeholder,.login-btn,.social-icons a{transition:transform .1s ease-out;position:relative;overflow:hidden!important}.nav-links{transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.is-active .bar:nth-child(2){opacity:0}.is-active .bar:first-child{transform:translateY(8px)rotate(45deg)}.is-active .bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{color:#39ff14;background:#0d2a0d;border:1px solid #39ff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{color:#000;background:#39ff14}.news-ticker-container{color:#fff;direction:ltr;background-color:#0d2a0d;border-top:1px solid #39ff144d;border-bottom:1px solid #39ff144d;width:100%;padding:12px 0;position:relative;overflow:hidden}.news-ticker{white-space:nowrap;align-items:center;animation:60s linear infinite tickerLeftToRight;display:inline-flex}.news-ticker:hover{animation-play-state:paused}.news-ticker span{color:#fff;direction:rtl;padding:0 20px;font-size:1.2rem;font-weight:700}.news-ticker .ticker-icon{padding:0 10px;font-size:1.5rem}@keyframes tickerLeftToRight{0%{transform:translate(-50%)}to{transform:translate(0)}}