
:root{
 --bg:#070a08;--panel:#0d120f;--panel2:#121913;--text:#f7f7f2;--muted:#b8c2b9;
 --green:#0f5c36;--green2:#19a55a;--orange:#f28c18;--line:#263129;--white:#fff;
 --max:1200px;--shadow:0 20px 60px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(var(--max),92%);margin:auto}
.topbar{position:sticky;top:0;z-index:50;background:rgba(7,10,8,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:58px;height:58px;object-fit:contain}.brand strong{display:block;font-size:15px;letter-spacing:.08em}.brand span{font-size:11px;color:var(--muted);letter-spacing:.14em}
.menu{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.menu a{padding:10px 9px;border-radius:8px;color:#e6ebe7;font-size:14px}.menu a:hover{background:#172019}.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:999px;font-weight:800;letter-spacing:.02em;border:1px solid transparent}.cta.primary{background:var(--orange);color:#111}.cta.secondary{border-color:#425047;background:#111813}.cta.green{background:var(--green2);color:#06150c}.mobile-toggle{display:none;background:none;border:1px solid #334039;color:#fff;border-radius:8px;padding:8px 10px}
.hero{position:relative;min-height:78vh;display:grid;align-items:end;overflow:hidden}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease}.hero-slide.active{opacity:1}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,4,.94) 0%,rgba(3,5,4,.72) 40%,rgba(3,5,4,.25) 68%,rgba(3,5,4,.38) 100%),linear-gradient(0deg,rgba(3,5,4,.95),transparent 55%)}
.hero-content{position:relative;z-index:2;padding:120px 0 70px;max-width:770px}.eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:.2em;font-weight:800;font-size:13px}.hero h1{font-size:clamp(54px,8vw,110px);line-height:.88;margin:12px 0 18px;letter-spacing:-.05em}.hero h1 span{color:var(--orange)}.hero p{font-size:clamp(18px,2vw,26px);color:#e3e9e4;max-width:620px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.ticker{background:var(--orange);color:#101010;font-weight:900;overflow:hidden}.ticker-track{white-space:nowrap;display:inline-block;padding:9px 0;animation:marquee 25s linear infinite}.ticker-track span{margin-right:45px}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:82px 0}.section.alt{background:#0b100c}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-head h2{font-size:clamp(34px,5vw,62px);line-height:.95;margin:0}.section-head p{color:var(--muted);max-width:620px}
.grid{display:grid;gap:18px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(180deg,#121813,#0c100d);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.card-body{padding:20px}.card h3{margin:0 0 8px}.muted{color:var(--muted)}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#1b2a21;border:1px solid #2d4637;color:#c9f1d6}.badge.orange{background:#2b1d0a;border-color:#5d3a12;color:#ffd79d}
.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;background:radial-gradient(circle at center,#1b281f,#0a0f0c 65%);border:1px solid #243329;border-radius:22px;padding:30px}.team{text-align:center}.team .crest{width:105px;height:105px;object-fit:contain;margin:0 auto 10px}.vs{font-size:36px;font-weight:900;color:var(--orange)}.placeholder{border:1px dashed #405047;background:#0b100c;border-radius:16px;padding:24px;color:var(--muted)}
.photo-card{position:relative;min-height:350px}.photo-card img{width:100%;height:350px;object-fit:cover}.photo-card .overlay{position:absolute;inset:auto 0 0;padding:22px;background:linear-gradient(transparent,rgba(0,0,0,.9))}
.values{display:flex;flex-wrap:wrap;gap:9px}.value{padding:9px 12px;border-radius:999px;background:#101a13;border:1px solid #263c2d;color:#d4e5d8;font-weight:700}
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:stretch}.feature-image{height:100%;min-height:460px;object-fit:cover;border-radius:20px}.mission{display:grid;gap:16px}.mission .card{padding:22px}
.gallery{columns:3 280px;column-gap:16px}.gallery a{display:block;margin:0 0 16px;break-inside:avoid;border-radius:16px;overflow:hidden}.gallery img{width:100%;transition:transform .35s}.gallery a:hover img{transform:scale(1.03)}
.sponsor-box{min-height:130px;display:grid;place-items:center;border:1px dashed #46554b;border-radius:16px;color:#849188;background:#0b100c}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form{display:grid;gap:12px}.form input,.form select,.form textarea{width:100%;padding:13px 14px;border-radius:10px;border:1px solid #324037;background:#0b100c;color:#fff}.form textarea{min-height:140px}.form button{border:0;cursor:pointer}
.footer{border-top:1px solid #1e2a22;background:#050806;padding:48px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}.footer small{color:#89938c}.footer-logo{width:92px;margin-bottom:12px}
.notice{padding:12px 14px;border-left:3px solid var(--orange);background:#1d1408;color:#f4d6ae;border-radius:8px}
.page-hero{padding:110px 0 50px;background:linear-gradient(135deg,#07100a,#14251a)}.page-hero h1{font-size:clamp(42px,6vw,78px);margin:0}.page-hero p{max-width:720px;color:var(--muted)}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;padding:30px;z-index:100}.lightbox.open{display:flex}.lightbox img{max-height:90vh;border-radius:12px}.lightbox button{position:absolute;top:20px;right:20px;background:#fff;color:#000;border:0;border-radius:999px;width:42px;height:42px;font-size:22px}
.whatsapp{position:fixed;right:18px;bottom:18px;z-index:40;background:#1f9d55;color:#fff;border-radius:999px;padding:13px 16px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.35)}
@media(max-width:980px){.menu{display:none;position:absolute;left:0;right:0;top:78px;background:#07100a;padding:15px 4%;border-bottom:1px solid #263129}.menu.open{display:flex;flex-direction:column;align-items:stretch}.mobile-toggle{display:block}.split,.contact-grid{grid-template-columns:1fr}.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.hero{min-height:72vh}.hero-content{padding-top:90px}.grid.cols-4,.grid.cols-3{grid-template-columns:1fr}.scoreboard{grid-template-columns:1fr}.vs{font-size:24px}.footer-grid{grid-template-columns:1fr}.section{padding:62px 0}.brand strong{font-size:13px}.brand span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
