@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;500;600;700;800&display=swap');
:root{--green:#075c35;--green2:#0b7545;--deep:#06452b;--gold:#e8c24e;--text:#17352a;--muted:#68776f;--line:#e3ebe6;--bg:#fbfdfb}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--kjk-ink);font-family:"Noto Sans Devanagari",sans-serif;background:#fff;line-height:1.75}
a{text-decoration:none}
.topbar{background:#16483a;color:#dce9e3;font-size:.82rem;padding:8px 0}
.topbar i{color:var(--kjk-gold);margin-right:5px}
.main-nav{background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(0,0,0,.06);z-index:1000}
.navbar-brand{color:#16483a;line-height:1.15}
.navbar-brand strong,.footer-brand strong{display:block;font-size:1rem}
.navbar-brand small,.footer-brand small{display:block;color:var(--kjk-muted);font-size:.72rem;margin-top:2px}
.brand-mark{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:#16483a;color:#e1b65c;font-size:1.45rem;flex:0 0 auto}
.nav-link{color:#34413b!important;font-weight:600;font-size:.92rem;padding:.7rem .8rem!important}
.nav-link:hover,.nav-link.active{color:var(--kjk-green)!important}
.btn-gold{background:#e1b65c;color:#182019;border:1px solid var(--kjk-gold);font-weight:800;border-radius:9px}
.btn-gold:hover{background:#e1b65c;color:#182019}
.hero{position:relative;min-height:315px;background:linear-gradient(90deg,#043c27,#075c35 55%,#0d4f33);overflow:hidden;color:#fff}.hero:after{content:'🏸';position:absolute;right:6%;top:35px;font-size:110px;opacity:.13;transform:rotate(-20deg)}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,#3e9b6525,transparent 38%),linear-gradient(90deg,transparent,#00000018)}.hero-inner{position:relative;z-index:1;min-height:315px;display:flex;align-items:center;justify-content:center;text-align:center}.hero-copy{max-width:820px}.eyebrow{font-size:18px;font-weight:700;opacity:.95}.hero h1{font-size:clamp(46px,7vw,78px);line-height:1.02;margin:8px 0 14px;font-weight:800}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:15px;margin:0;color:#e9f4ed}.hero-side{position:absolute;right:30px;top:100px;text-align:left;font-size:16px;line-height:1.55;font-style:italic}.hero-side b{color:var(--gold)}
.winners-section{padding:20px 0 55px}.section-title{background:#eef8f1;border:1px solid #e1eee5;border-radius:12px;padding:8px 15px;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:17px}.section-title span{font-size:25px}.section-title h2{margin:0;color:var(--green);font-size:24px;font-weight:800}
.winner-card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;height:100%;box-shadow:0 5px 16px #0a4c2d0c}.winner-head{display:flex;align-items:center;gap:12px;padding:12px 20px}.winner-card.blue .winner-head{background:#dcefff;color:#0b55a0}.winner-card.pink .winner-head{background:#ffe2ed;color:#d41f68}.person-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#1265bc;color:#fff;font-size:21px}.pink .person-icon{background:#d81d6b}.winner-head small{display:block;font-size:10px;font-weight:700;opacity:.8}.winner-head h3{margin:0;font-size:18px;font-weight:800}.winner-row{display:flex;gap:12px;padding:12px 20px;border-bottom:1px dashed #dfe4e1;align-items:flex-start}.winner-row:last-child{border-bottom:0}.medal{font-size:20px;line-height:1.2}.winner-row b{font-size:12px;color:#876020}.winner-row p{font-size:14px;font-weight:600;margin:0;line-height:1.55}
.gallery-section{padding:45px 0 60px;background:#fff}.gallery-heading{display:flex;align-items:center;justify-content:center;gap:13px;text-align:center;margin-bottom:18px}.gallery-icon{width:45px;height:45px;border-radius:10px;background:#e9f6ed;color:var(--green);display:grid;place-items:center;font-size:22px}.gallery-heading h2{margin:0;color:var(--green);font-size:31px;font-weight:800}.gallery-heading p{margin:2px 0 0;color:var(--muted);font-size:13px}.gallery-filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 22px}.filter-btn{border:1px solid #dbe6df;background:#fff;color:#4f5f56;border-radius:22px;padding:7px 16px;font-family:inherit;font-size:11px;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:var(--green);border-color:var(--green);color:#fff}.gallery-item{transition:.25s}.gallery-item figure{margin:0}.gallery-photo{display:block;width:100%;padding:0;border:0;background:#fff;cursor:pointer;position:relative;overflow:hidden;border-radius:9px}.gallery-photo img{width:100%;height:235px;display:block;object-fit:cover;transition:transform .35s ease}.gallery-photo span{position:absolute;right:13px;bottom:13px;width:36px;height:36px;border-radius:50%;background:#075c35e8;color:#fff;display:grid;place-items:center;opacity:0;transform:translateY(6px);transition:.25s}.gallery-photo:hover img{transform:scale(1.04)}.gallery-photo:hover span{opacity:1;transform:none}.gallery-item figcaption{text-align:center;font-size:12px;color:#43534a;font-weight:600;padding:8px 3px}
.closing-message{padding:0 0 55px;background:#fff}.message-box{background:#eaf8ee;border-radius:10px;padding:17px 24px;display:flex;align-items:center;gap:15px;color:var(--green)}.message-box>span{font-size:31px}.message-box strong{font-size:16px}.message-box a{margin-left:auto;background:var(--green);color:#fff;text-decoration:none;border-radius:9px;padding:9px 18px;font-size:11px;font-weight:700;white-space:nowrap}
.gallery-modal{background:#0a2118;border:0;padding:12px}.gallery-modal .btn-close{position:absolute;right:12px;top:12px;z-index:2}.gallery-modal img{max-height:78vh;width:100%;object-fit:contain;border-radius:5px}.gallery-modal #modalCaption{color:#fff;text-align:center;padding:7px;font-size:12px}
footer{background:#063d28;color:#c9dbd1;padding:20px 0;font-size:11px}
@media(max-width:991px){.join-btn{margin:8px 0;display:inline-block}.hero-side{display:none}.hero-inner{min-height:280px}.hero{min-height:280px}}
@media(max-width:767px){.navbar-brand strong{font-size:11px}.navbar-brand small{font-size:8px}.hero,.hero-inner{min-height:250px}.hero h1{font-size:47px}.eyebrow{font-size:14px}.hero p{font-size:12px}.section-title h2{font-size:18px}.gallery-heading h2{font-size:24px}.gallery-photo img{height:220px}.message-box{align-items:flex-start;flex-wrap:wrap}.message-box a{margin-left:0}.winner-head h3{font-size:16px}}
