.header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;color:#fff;position:sticky}.logo{font-weight:700;width:50%;font-size:1.5em}@media (max-width: 768px){.logo{font-size:1em}}.logo a{color:#fff;text-decoration:none}.nav{display:flex;flex-direction:column;position:absolute;top:60px;width:100%;background-color:#4caf50b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .5s ease-in-out}.nav ul{flex-direction:column;display:flex;list-style:none;margin:0;padding:0}.nav li{margin:10px 0;text-align:center}.nav a{color:#fff;text-decoration:none;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.nav a:hover{text-decoration:underline}@media (max-width: 768px){.nav{display:none;width:50%}.nav.open{display:block;right:0;transform:translateY(0)}}@media (min-width: 769px){.nav{display:flex;position:static;flex-direction:row;justify-content:flex-end}.nav ul{flex-direction:row}.nav li{margin:0 10px}}.menu-toggle{display:none;font-size:1.5rem;cursor:pointer}@media (max-width: 768px){.menu-toggle{display:block}}.member-page{padding:20px;text-align:center}.member-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.member-card{background-color:#f8f9fa;border-radius:8px;padding:15px;box-shadow:0 4px 6px #0000001a;text-align:center}.member-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:10px}.role{font-weight:700}.bio{font-size:.9em;color:#555}.join-section{margin-top:40px;padding:20px;color:#fff;border-radius:8px}.join-button{display:inline-block;margin-top:10px;padding:10px 20px;background-color:#fff;text-decoration:none;border-radius:4px;font-weight:700;transition:background-color .3s ease;cursor:pointer}.join-button:hover{background-color:#f1f1f1}.contact-page{padding:20px;text-align:center}.contact-form{max-width:600px;margin:0 auto;text-align:left}.form-group{margin-bottom:20px}label{display:block;font-weight:700;margin-bottom:5px}input,textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem}textarea{height:100px}input:focus,textarea:focus{border-color:#4caf50;outline:none;box-shadow:0 0 5px #4caf5080}.required{color:red;margin-left:5px}.submit-button{display:inline-block;padding:10px 20px;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#45a049}.success-message{color:green;margin-top:20px;font-weight:700}.activity-page{padding:20px;font-family:Arial,sans-serif}.activity-overview{margin-bottom:30px;text-align:center}.activity-list ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.activity-item{display:flex;align-items:flex-start;padding:15px;border:1px solid #ddd;border-radius:8px;background:#f9f9f9}.activity-icon{font-size:2rem;margin-right:15px}.activity-gallery{margin-top:40px}.activity-gallery .gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.activity-gallery img{width:100%;height:auto;border-radius:8px}.activity-join{margin-top:40px;text-align:center}.activity-join a{text-decoration:underline}@media (max-width: 768px){.activity-join h2{font-size:1.3rem}}.about-page{padding:20px;font-family:Arial,sans-serif;line-height:1.6}.about-page h1{font-size:2rem;text-align:center;margin-bottom:20px}.about-page section{margin-bottom:30px}.about-page h2{font-size:1.5rem;color:#333;margin-bottom:10px}.about-page p{font-size:1rem;color:#555;text-align:justify}.home-page{padding:20px;font-family:Arial,sans-serif;line-height:1.6}.hero-section{text-align:center;padding:20px;color:#fff}.hero-content{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.hero-section h1{font-size:2.5rem;margin:0}.hero-section p{font-size:1.2rem}@media (max-width: 768px){.hero-section h1{font-size:1.2rem}.hero-section p{font-size:.8rem}}.about-section,.announcement-section,.join-section{margin:40px 0;text-align:center}.about-section p,.join-section p{margin-bottom:20px}.announcement-section ul{list-style:none;padding:0}.announcement-section li{margin:10px 0;padding:10px;background:#f9f9f9;border:1px solid #ddd;border-radius:5px}@media (max-width: 768px){.join-section h2{font-size:1.2rem}.join-section p{font-size:.9rem}}