@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;600;700&display=swap";:root{--primary: #38bdf8;--accent: #ec4899;--bg-body: #0f172a;--bg-card: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .1);--shadow: 0 10px 30px rgba(0,0,0,.3);--hero-tint: rgba(56, 189, 248, .05);--nav-height: 70px;--border-radius: 16px;--transition: all .3s ease}[data-theme=light]{--primary: #0056b3;--accent: #d63384;--bg-body: #f8fafc;--bg-card: #ffffff;--text-main: #0f172a;--text-muted: #475569;--border-color: #cbd5e1;--shadow: 0 4px 20px rgba(0, 0, 0, .08);--hero-tint: rgba(255, 255, 255, .9)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-body);color:var(--text-main);line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{color:var(--text-main);line-height:1.3}h1{font-family:Bebas Neue,sans-serif;font-size:3.5rem;letter-spacing:1px;margin-bottom:1rem}h2{font-family:Bebas Neue;font-size:2.8rem;margin-bottom:1.5rem;color:var(--primary)}h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}a{text-decoration:none;color:var(--primary);transition:var(--transition)}.container{max-width:1100px;margin:0 auto;padding:3rem 1.5rem}.hero-banner{text-align:center;margin-bottom:6rem;padding:4rem 2rem;background:var(--hero-tint);border-radius:24px;border:1px solid var(--border-color);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.home-logo{width:220px;margin-bottom:2rem;display:inline-block}.page-section,.team-member,.highlight-card,.team-description-box,.stats-content-left,.timeline-content{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:var(--border-radius);padding:2.5rem;margin-bottom:2rem}.stats-section-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.stats-bar-right{background:var(--primary);color:#fff;padding:3rem;border-radius:var(--border-radius)}.stat-item{margin-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:1.5rem}.stat-item:last-child{border-bottom:none;margin-bottom:0}.stat-item-number{font-size:5rem;font-family:Bebas Neue;display:block;line-height:1;color:#fff;margin-bottom:.5rem}.stat-item-label{font-weight:600;font-size:1.1rem;opacity:.95}.team-grid-4col{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.team-grid-2col{display:grid;grid-template-columns:1fr 3fr;gap:2rem}.team-member{text-align:center;padding:2rem}.team-member:hover{border-color:var(--primary);transform:translateY(-5px)}.team-icon{width:180px;height:180px;border-radius:50%;object-fit:cover;object-position:top;border:4px solid var(--primary);margin:0 auto 1.5rem;padding:0;background:none}.team-description-box{border:2px solid var(--primary);display:flex;flex-direction:column;justify-content:center}.team-hashtag{font-family:Bebas Neue;font-size:2rem;color:var(--primary);margin-top:1rem;letter-spacing:1px}.header{background:var(--bg-card);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;padding:.5rem 0}.header-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.logo img{height:60px;margin-right:15px}.logo-text h1{font-size:1.8rem;margin:0;color:var(--text-main)}.nav-menu ul{display:flex;gap:1.5rem;margin:0;padding:0;list-style:none}.nav-menu a{color:var(--text-muted);font-weight:600;font-size:.85rem;text-transform:uppercase}.nav-menu a:hover,.nav-menu a.active{color:var(--primary)}.burger{display:none;position:relative;width:30px;height:20px;background:transparent;cursor:pointer;margin-left:2rem}.burger input{display:none}.burger span{display:block;position:absolute;height:3px;width:100%;background:var(--text-main);border-radius:9px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.burger span:nth-of-type(1){top:0;transform-origin:left center}.burger span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}.burger span:nth-of-type(3){top:100%;transform:translateY(-100%);transform-origin:left center}.burger input:checked~span:nth-of-type(1){transform:rotate(45deg);top:0;left:3px}.burger input:checked~span:nth-of-type(2){width:0%;opacity:0}.burger input:checked~span:nth-of-type(3){transform:rotate(-45deg);top:20px;left:3px}.theme-toggle{background:transparent;border:1px solid var(--border-color);color:var(--text-main);padding:0;border-radius:50%;cursor:pointer;margin-left:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.footer{background:var(--bg-card);padding:4rem 1.5rem 2rem;margin-top:auto;border-top:1px solid var(--border-color);text-align:left}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer h4{color:var(--text-main);margin-bottom:1rem;font-size:1.2rem}.footer a{color:var(--text-muted)}.footer a:hover{color:var(--primary)}.footer-bottom{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.9rem}.btn{display:inline-block;background:var(--primary);color:#fff;padding:.8rem 2rem;border-radius:50px;font-weight:700;border:none;cursor:pointer;transition:var(--transition);text-align:center}[data-theme=dark] .btn{color:#0f172a}.btn-disabled{background-color:#94a3b8!important;color:#fff!important;cursor:not-allowed;opacity:1;display:inline-block}.btn-secondary{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff}[data-theme=dark] .btn-secondary{color:var(--primary)}[data-theme=dark] .btn-secondary:hover{color:var(--bg-body)}.mobile-menu-overlay{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--bg-card);padding:1rem;flex-direction:column;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow)}.mobile-menu-overlay.open{display:flex}.mobile-menu-overlay a{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-main);text-align:center}@media(max-width:900px){.stats-section-container,.team-grid-4col,.team-grid-2col,.footer-container{grid-template-columns:1fr!important;gap:2rem}.nav-menu{display:none}.burger{display:block}h1{font-size:2.8rem}h2{font-size:2rem;margin-bottom:1rem}.stat-item-number{font-size:4rem}.hero-banner{margin-bottom:3rem}.home-logo{width:140px}.team-icon{width:150px;height:150px}}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem;align-items:stretch}.gallery-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:20px;overflow:hidden;transition:var(--transition);height:350px;display:flex;flex-direction:column;cursor:pointer;position:relative}.gallery-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 15px 30px #0003}.gallery-card img{width:100%;flex:1;object-fit:cover;object-position:top center;display:block;height:auto}.gallery-caption{flex-shrink:0;padding:1rem;text-align:center;font-weight:600;font-size:1rem;color:var(--text-main);background:var(--bg-card);border-top:1px solid var(--border-color);z-index:2}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:9999;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-in-out;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 50px #00000080;display:block}.lightbox-caption{color:#fff;margin-top:1rem;font-size:1.1rem;text-align:center;font-family:Inter,sans-serif;background:#ffffff1a;padding:.5rem 1.5rem;border-radius:20px}.lightbox-close{position:absolute;top:-50px;right:-10px;background:none;border:none;color:#fff;font-size:3rem;line-height:1;cursor:pointer;transition:transform .2s ease;padding:0;z-index:10000}.lightbox-close:hover{transform:scale(1.1);color:var(--primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.gallery-grid{grid-template-columns:1fr}.gallery-card{height:300px}.lightbox-close{top:-50px;right:0;font-size:2.5rem}}
