*{box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}:root{--color-dark: black;--color-light: #ffffff;--color-accent: #0F6398;--space-sm: 8px;--space-md: 16px;--space-lg: 32px;--space-xl: 64px;--radius-md: 8px}.layout{display:flex;flex-direction:column;min-height:100vh;width:100%}main{flex:1;padding:var(--space-xl) var(--space-lg);max-width:1100px;margin:0 auto}nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-dark);color:var(--color-light);box-shadow:0 2px 8px #00000014;flex-wrap:wrap}.logo{height:60px;width:auto}.nav-links{display:flex;gap:var(--space-md)}.btn{padding:.6rem 1.2rem;border-radius:var(--radius-md);border:none;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.btn-primary{background:#0f6398;color:#fff}.btn-primary:hover{background:#011f77;transform:translateY(-2px)}.btn-secondary{background:#eaeefc;color:#0f6398}.btn-secondary:hover{background:#d6defc}.btn-ghost{background:transparent;color:#fff}.btn-ghost:hover{background:#ffffff1a}.backdrop{padding:var(--space-xl) var(--space-lg);background:linear-gradient(135deg,#011f77,#15aebd);color:#fff;text-align:center}.backdrop h1{margin:0;font-size:2.75rem}footer{background:var(--color-dark);color:var(--color-light);text-align:center;padding:var(--space-lg);font-size:.9rem}.social-links{display:flex;gap:16px;justify-content:center;margin-top:1rem}.social-icon{width:32px;height:32px;transition:transform .2s ease}.social-icon:hover{transform:scale(1.1)}.sponsors{text-align:center;padding:2rem 1rem;background-color:#f5f5f5}.sponsors h2{margin-bottom:1rem;font-size:1.5rem;color:#222}.sponsor-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;align-items:center}.sponsor-logo{height:80px;width:auto;object-fit:contain;transition:transform .2s ease}.sponsor-logo:hover{transform:scale(1.05)}.home-container{max-width:900px;margin:0 auto;text-align:center}.home-intro{margin-bottom:3rem}.home-intro h4{color:#555;margin-bottom:1.5rem}.survey-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.events{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}.event-card{margin-top:2rem;text-align:center}.event-card img{width:100%;max-width:600px;height:auto;margin-top:.5rem;margin-bottom:4rem;border-radius:8px}.members-container{width:100%;max-width:1100px;margin:0 auto;padding:2rem 1rem}.member-card{display:flex;align-items:center;gap:2rem;margin-bottom:4rem}.member-card.reverse{flex-direction:row-reverse}.member-image img{width:250px;height:250px;object-fit:cover}.member-info h2{margin:0;font-size:1.8rem}.member-info h3{margin:.5rem 0;color:#555;font-weight:500}.member-info p{line-height:1.6;color:#333}.activity-card{display:flex;align-items:center;justify-content:space-between;gap:4rem;margin:4rem 0}.activity-card.reverse{flex-direction:row-reverse}.activity-image img,.about-image img{width:100%;height:100%;object-fit:cover}.about-list-section{display:flex;align-items:flex-start;gap:2rem;margin-top:1rem}.about-list-section ul{flex:1}.about-list-section img{width:350px;height:auto;object-fit:cover}.header-p{text-align:center;margin-bottom:1rem;opacity:.5}.fade-section{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}.fade-section.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){main{padding:2rem 1rem}nav{padding:.75rem 1rem}.nav-links{flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.btn{font-size:.8rem;padding:.35rem .6rem}.logo{height:42px}.home-container{padding:0 1rem}.survey-links{flex-direction:column;align-items:center}.events{grid-template-columns:1fr}.event-card img{max-width:100%}.about-list-section{flex-direction:column}.about-list-section img{width:100%;max-width:450px}.member-card,.member-card.reverse{flex-direction:column;text-align:center;gap:1rem;margin-bottom:2.5rem}.member-image{width:100%;display:flex;justify-content:center}.member-image img{width:70%;max-width:220px;height:auto}.member-info{width:100%;padding:0 1rem}.about-image img{width:100%;height:auto}.activity-card,.activity-card.reverse{flex-direction:column;margin:2rem 0;gap:1rem}.activity-image,.activity-image img{width:100%;height:auto}.activity-info{width:100%}}