@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;600;700;800&family=Oswald:wght@500;600;700&family=Yellowtail&display=swap');
:root{--navy:#031a31;--deep:#021325;--gold:#ffb500;--white:#f8fafc;--rail:265px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--white);font-family:Inter,Arial,sans-serif}button,a{font:inherit}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--rail);z-index:20;background:linear-gradient(180deg,#061f39 0%,#03162a 100%);border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;overflow-y:auto}.brand{padding:14px 24px 20px;text-align:center}.crest{display:block;width:104px;height:152px;object-fit:contain;margin:0 auto 6px}.club-name{font:700 29px/1 Oswald,sans-serif;letter-spacing:.7px;margin:0}.tagline{margin:6px 0 0;color:var(--gold);font:600 13px/1.35 Oswald,sans-serif;letter-spacing:.4px}.brand-line{width:46px;height:3px;background:var(--gold);border:0;margin:14px auto 0}.menu{padding:0 0 20px}.nav-item,.player-toggle{display:flex;width:100%;align-items:center;gap:14px;padding:11px 26px;color:#f5f7fa;text-decoration:none;border:0;background:transparent;text-align:left;font:600 13px/1.2 Oswald,sans-serif;letter-spacing:.2px;cursor:pointer;transition:.2s ease}.nav-item:hover,.player-toggle:hover{background:rgba(255,181,0,.12);color:var(--gold)}.nav-item.active{background:linear-gradient(90deg,#ffc21a,#ffae00);color:#05172b}.nav-icon{width:20px;text-align:center;font-size:17px}.player-toggle .chev{margin-left:auto;transition:transform .2s}.player-toggle[aria-expanded=true] .chev{transform:rotate(180deg)}.submenu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s}.submenu.open{grid-template-rows:1fr}.submenu-inner{overflow:hidden}.submenu a{display:block;padding:8px 20px 8px 77px;color:#fff;text-decoration:none;font:600 12px Oswald,sans-serif}.submenu a::before{content:'›';color:var(--gold);font-size:20px;margin-right:11px;vertical-align:-2px}.menu-rule{border:0;border-top:1px solid rgba(255,255,255,.08);margin:8px 12px}.hero{position:relative;margin-left:var(--rail);min-height:100vh;overflow:hidden;display:grid;align-items:center;background:#021629}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(1,18,35,1) 0%,rgba(1,18,35,.97) 25%,rgba(1,18,35,.35) 50%,rgba(1,18,35,.04) 100%),url('../images/hero-art.jpg');background-size:cover;background-position:center;filter:saturate(1.05)}.hero-art::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 18% 90%,rgba(0,62,126,.22),transparent 28%);pointer-events:none}.mobile-head{display:none}.content{position:relative;z-index:2;width:min(540px,46vw);margin-left:7vw;padding:52px 0}.motto{margin:0 0 8px;text-align:center;color:var(--gold);font:400 clamp(35px,3.6vw,58px)/1 Yellowtail,cursive}.motto-sub{margin:0 0 20px;text-align:center;font:400 clamp(25px,2.6vw,40px)/1.1 Yellowtail,cursive}.star-line{display:flex;align-items:center;gap:14px;color:var(--gold);margin:8px 5% 26px}.star-line::before,.star-line::after{content:'';height:2px;background:var(--gold);flex:1}.star{font-size:34px;line-height:1}.headline{margin:0;text-transform:uppercase;font:700 clamp(56px,6vw,91px)/.82 Oswald,sans-serif;letter-spacing:-2px;transform:skew(-4deg);text-shadow:3px 4px 0 rgba(0,0,0,.2)}.headline .white{display:block}.headline .gold{display:block;color:var(--gold);margin-top:16px}.intro{max-width:510px;margin:30px 0 24px;font-size:16px;line-height:1.65}.actions{display:flex;gap:20px}.btn{min-width:220px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 24px;border-radius:4px;text-decoration:none;text-transform:uppercase;font:700 17px Oswald,sans-serif;letter-spacing:.2px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#06172a;background:var(--gold);box-shadow:0 8px 30px rgba(255,181,0,.18)}.btn-outline{color:var(--gold);border:2px solid var(--gold);background:rgba(2,19,37,.4)}.arrow{font-size:25px}.hamburger{display:none}
@media(max-width:1050px){:root{--rail:225px}.brand{padding-inline:16px}.nav-item,.player-toggle{padding-inline:18px}.content{width:min(510px,54vw);margin-left:5vw}.motto{font-size:40px}.headline{font-size:64px}.actions{flex-wrap:wrap}.btn{min-width:190px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:min(310px,88vw);transition:transform .3s;box-shadow:18px 0 50px rgba(0,0,0,.38)}.sidebar.open{transform:translateX(0)}.hero{margin-left:0;min-height:100svh;align-items:end}.hero-art{background-image:linear-gradient(180deg,rgba(1,18,35,.12) 0%,rgba(1,18,35,.5) 43%,rgba(1,18,35,.98) 72%),url('../images/hero-art.jpg');background-position:58% center}.mobile-head{display:flex;position:absolute;z-index:8;left:0;right:0;top:0;min-height:70px;padding:10px 18px;align-items:center;gap:12px;background:linear-gradient(180deg,rgba(1,17,33,.96),rgba(1,17,33,.68))}.mobile-head::before{content:'';display:block;flex:0 0 35px;height:50px;background:url('../images/fc-deccan-crest.png') center/contain no-repeat}.mobile-title{margin-right:auto;font:700 22px Oswald,sans-serif}.hamburger{display:grid;width:43px;height:43px;border:1px solid rgba(255,255,255,.35);border-radius:4px;background:rgba(3,26,49,.7);color:#fff;place-items:center;font-size:23px}.content{width:auto;margin:0;padding:260px 22px 36px}.motto,.motto-sub,.star-line{display:none}.headline{font-size:clamp(48px,16vw,70px)}.intro{font-size:14px;line-height:1.55;margin:24px 0}.actions{gap:12px}.btn{flex:1;min-width:145px;padding:13px 14px;font-size:15px}.overlay{position:fixed;z-index:15;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:.3s}.overlay.open{opacity:1;pointer-events:auto}}
@media(max-width:430px){.actions{flex-direction:column}.headline{font-size:52px}.content{padding-top:230px}.btn{width:100%}}