@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800;900&family=Rajdhani:wght@500;600;700&display=swap');

:root{
 --bg:#03070d;--bg2:#07111d;--panel:rgba(8,17,28,.88);--panel2:#0b1827;
 --text:#f4f8ff;--muted:#9aaabd;--cyan:#23d9ff;--cyan2:#76efff;
 --blue:#147dff;--red:#e6323f;--silver:#c8d2dc;--line:rgba(83,207,255,.18);
 --shadow:0 22px 70px rgba(0,0,0,.55);--glow:0 0 35px rgba(35,217,255,.18)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Rajdhani,Arial,sans-serif;line-height:1.6;background:
 radial-gradient(circle at 50% -10%,rgba(35,217,255,.14),transparent 32%),
 radial-gradient(circle at 100% 35%,rgba(20,125,255,.09),transparent 30%),
 radial-gradient(circle at 0 75%,rgba(230,50,63,.055),transparent 28%),var(--bg);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(118,239,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(118,239,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
body:after{content:"";position:fixed;inset:-30%;pointer-events:none;background:conic-gradient(from 180deg,transparent 0 35%,rgba(35,217,255,.025),transparent 48% 100%);animation:spin 28s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.navbar{position:sticky;top:0;z-index:100;background:rgba(2,7,13,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 8px 35px rgba(0,0,0,.3)}
.nav-container{max-width:1450px;margin:auto;min-height:82px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.nav-logo{width:54px;height:54px;object-fit:cover;border-radius:50%;border:1px solid rgba(118,239,255,.55);box-shadow:0 0 22px rgba(35,217,255,.22)}.club-name{font-family:Orbitron,sans-serif;font-size:.92rem;font-weight:900;letter-spacing:.13em}.highlight,.highlight-text{color:var(--cyan)}
.nav-links{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:flex-end}.nav-item{position:relative;display:block;padding:10px 10px;color:#b9c7d6;text-decoration:none;font-size:.77rem;font-weight:700;letter-spacing:.04em;border-radius:7px;transition:.22s}.nav-item:after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue));transform:scaleX(0);transition:.22s}.nav-item:hover,.nav-item.active{color:#fff;background:rgba(35,217,255,.055)}.nav-item:hover:after,.nav-item.active:after{transform:scaleX(1)}.mobile-menu-btn{display:none;background:none;border:0;color:white;font-size:1.4rem}
.hero{min-height:calc(100vh - 82px);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;padding:80px 20px}.hero:before{content:"";position:absolute;width:760px;height:760px;border-radius:50%;border:1px solid rgba(35,217,255,.12);box-shadow:0 0 100px rgba(35,217,255,.08),inset 0 0 80px rgba(35,217,255,.05);animation:pulseRing 5s ease-in-out infinite}.hero:after{content:"";position:absolute;width:980px;height:980px;border-radius:50%;border:1px dashed rgba(118,239,255,.09);animation:spin 32s linear infinite}.hero-bg-glow{position:absolute;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,rgba(35,217,255,.2),rgba(20,125,255,.06) 42%,transparent 70%);filter:blur(3px);animation:heroGlow 4s ease-in-out infinite}.hero-bg-logo{position:absolute;inset:5%;background:url("images/logo.jpg") center/contain no-repeat;opacity:.07;filter:saturate(.85) drop-shadow(0 0 35px rgba(35,217,255,.35))}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,7,13,.05),rgba(2,7,13,.35) 55%,rgba(2,7,13,.96))}.hero-content{position:relative;z-index:2}.hero-logo-wrapper{position:relative;width:245px;height:245px;margin:0 auto 25px;display:grid;place-items:center}.hero-logo{width:210px;height:210px;object-fit:cover;border-radius:50%;border:2px solid rgba(118,239,255,.7);box-shadow:0 0 28px rgba(35,217,255,.28),0 0 90px rgba(20,125,255,.18);animation:logoFloat 4s ease-in-out infinite}.logo-ring-pulse{position:absolute;inset:3px;border-radius:50%;border:1px solid rgba(35,217,255,.4);box-shadow:0 0 30px rgba(35,217,255,.15);animation:ringPulse 2.8s ease-out infinite}
.hero-badge,.section-tag,.role-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(35,217,255,.34);color:var(--cyan2);background:rgba(35,217,255,.055);padding:7px 13px;border-radius:3px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 0 18px rgba(35,217,255,.035)}.hero h1{font-family:Orbitron,sans-serif;font-size:clamp(3.2rem,9vw,8rem);line-height:.9;margin:22px 0 20px;font-weight:900;letter-spacing:-.055em;text-shadow:0 0 30px rgba(35,217,255,.14)}.hero p{color:#c0ccd9;font-size:clamp(1rem,2vw,1.3rem);letter-spacing:.05em}.hero-scroll-indicator{position:absolute;z-index:2;bottom:28px;display:flex;flex-direction:column;gap:3px;align-items:center;color:#6f8297;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}
@keyframes pulseRing{50%{transform:scale(1.035);opacity:.7}}@keyframes heroGlow{50%{transform:scale(1.08);opacity:.7}}@keyframes logoFloat{50%{transform:translateY(-8px)}}@keyframes ringPulse{0%{transform:scale(.94);opacity:.8}100%{transform:scale(1.12);opacity:0}}
.section{padding:115px 22px;position:relative}.dark-bg{background:linear-gradient(180deg,rgba(6,17,28,.58),rgba(2,8,14,.78));border-block:1px solid rgba(35,217,255,.08)}.container{max-width:1280px;margin:auto}.text-center{text-align:center}.section-header{max-width:820px;margin:0 auto 46px;text-align:center}.section h2{font-family:Orbitron,sans-serif;font-size:clamp(2rem,4vw,3.4rem);margin:12px 0;font-weight:900;letter-spacing:-.035em}.section-desc{color:var(--muted);max-width:760px;margin:0 auto;font-size:1.03rem}
.card-grid{display:grid;gap:24px}.col-2{grid-template-columns:repeat(2,minmax(0,1fr))}.col-3{grid-template-columns:repeat(3,minmax(0,1fr))}.col-4{grid-template-columns:repeat(4,minmax(0,1fr))}.player-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.card,.squad-box{position:relative;background:linear-gradient(145deg,rgba(14,31,47,.9),rgba(5,13,22,.94));border:1px solid rgba(118,239,255,.12);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s,border-color .3s,box-shadow .3s}.card:before,.squad-box:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(35,217,255,.055),transparent 32%,transparent 68%,rgba(230,50,63,.035))}.card:hover,.squad-box:hover{transform:translateY(-8px);border-color:rgba(35,217,255,.4);box-shadow:0 28px 80px rgba(0,0,0,.58),0 0 30px rgba(35,217,255,.06)}
.img-container{height:310px;overflow:hidden;background:#02060a}.img-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .5s}.card:hover .img-container img{transform:scale(1.035);filter:saturate(1.05)}.card-info{padding:23px}.card-info h3{margin:10px 0 4px;font-family:Orbitron,sans-serif;font-size:1rem;letter-spacing:.02em}.title{color:var(--muted);margin:0;font-size:.92rem}.feature-card .img-container{height:550px}.fit-contain img,.focus-function-img{object-fit:contain!important}.champion-img-container{height:360px}.player-card .img-container{height:300px}.champion-badge-top{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;color:var(--cyan2);font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid rgba(35,217,255,.08)}.champion-badge-top i{color:var(--red);text-shadow:0 0 12px rgba(230,50,63,.45)}
.single-card-wrapper{max-width:900px;margin:auto}.squad-tables-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.squad-box{padding:22px}.squad-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(35,217,255,.1);padding-bottom:14px;margin-bottom:12px}.squad-header h3{margin:0;font-family:Orbitron,sans-serif;font-size:.95rem}.squad-logo-icon{width:45px;height:45px;border-radius:50%;object-fit:cover;border:1px solid rgba(35,217,255,.4)}.squad-box ol{margin:0;padding-left:25px;color:#dce8f3}.squad-box li{padding:5px 0;border-bottom:1px dashed rgba(255,255,255,.04)}
.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gallery-item{position:relative;overflow:hidden;border-radius:8px;cursor:pointer;border:1px solid rgba(35,217,255,.1)}.gallery-item img{width:100%;display:block}.gallery-overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.72));opacity:0;transition:.25s}.gallery-overlay i{font-size:1.5rem;color:var(--cyan2);text-shadow:0 0 20px rgba(35,217,255,.7)}.gallery-item:hover .gallery-overlay{opacity:1}
.footer{background:#02060b;border-top:1px solid rgba(35,217,255,.12);padding-top:65px}.footer-container-simple{max-width:1280px;margin:auto;padding:0 22px 45px;display:grid;grid-template-columns:2fr 1fr;gap:50px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-logo{width:58px;height:58px;border-radius:50%;object-fit:cover;border:1px solid rgba(35,217,255,.4)}.footer-brand h3{font-family:Orbitron,sans-serif;margin:0}.footer-tagline{color:var(--muted)}.social-links{display:flex;gap:10px}.social-icon{width:42px;height:42px;border:1px solid rgba(35,217,255,.16);border-radius:7px;display:grid;place-items:center;color:var(--text);text-decoration:none;transition:.2s}.social-icon:hover{color:var(--cyan2);border-color:var(--cyan);box-shadow:var(--glow)}.info-col h4{font-family:Orbitron,sans-serif;margin-top:0}.info-list{padding:0;list-style:none;color:var(--muted)}.info-list li{padding:7px 0}.info-list i{color:var(--cyan);width:25px}.footer-bottom{text-align:center;border-top:1px solid rgba(35,217,255,.08);padding:18px;color:#68798c;font-size:.8rem}
.lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,4,9,.95);display:grid;place-items:center;padding:30px}.lightbox-content{max-width:92vw;max-height:88vh;border:1px solid rgba(35,217,255,.25);box-shadow:0 0 60px rgba(35,217,255,.1)}.lightbox-close{position:absolute;top:20px;right:30px;font-size:42px;cursor:pointer;color:#c9d7e5}
@media(max-width:1100px){.player-grid{grid-template-columns:repeat(3,1fr)}.col-4{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.mobile-menu-btn{display:block}.nav-container{min-height:70px}.nav-links.open{display:flex;position:absolute;left:0;right:0;top:70px;background:rgba(2,7,13,.98);padding:15px;flex-direction:column;border-bottom:1px solid var(--line)}}
@media(max-width:760px){.section{padding:78px 16px}.col-2,.col-3,.player-grid,.squad-tables-grid{grid-template-columns:1fr}.col-4{grid-template-columns:1fr}.hero-logo{width:175px;height:175px}.hero-logo-wrapper{width:205px;height:205px}.hero:before{width:500px;height:500px}.hero:after{width:620px;height:620px}.hero h1{font-size:3rem}.img-container,.player-card .img-container,.champion-img-container{height:300px}.feature-card .img-container{height:390px}.gallery-grid{grid-template-columns:1fr}.footer-container-simple{grid-template-columns:1fr}.club-name{font-size:.78rem}.nav-container{padding:0 16px}}


.footer-copyright {
    flex: 1;
}

.footer-credit {
    text-align: center;
    flex: 1;
}

.footer-credit a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s ease;
}

.footer-credit a:hover {
    color: #d4af37;
}

.footer-legal {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex: 1;
}

.footer-legal a {
    color: #aaa;
    text-decoration: none;
    transition: 0.3s ease;
}

.footer-legal a:hover {
    color: #fff;
}

.footer-legal span {
    color: #666;
}


@media (max-width: 768px) {
    .footer-bottom {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }

    
    .footer-credit,
    .footer-legal {
        flex: none;
        width: 100%;
        justify-content: center;
    }
}