.navbar{background-color:var(--white);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0}.logo{display:flex;flex-direction:row;gap:.8rem;align-items:center;color:var(--primary-color);transition:opacity .3s ease}.logo:hover{opacity:.8}.logo-mark{width:auto;height:74px;max-width:420px;flex:0 0 auto;object-fit:contain}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo h1{font-size:1.8rem;font-weight:700;margin:0;line-height:1.2}.logo span{font-size:.85rem;font-weight:400;color:var(--text-light)}.nav-menu{display:flex;list-style:none;gap:2rem;align-items:center}.nav-menu li a{color:var(--text-dark);font-weight:500;padding:.5rem 0;position:relative;transition:color .3s ease}.nav-menu li a:hover,.nav-menu li a.active{color:var(--primary-color)}.nav-menu li a.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary-color)}.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;gap:4px}.menu-toggle span{width:25px;height:3px;background-color:var(--primary-color);transition:all .3s ease}@media (max-width: 768px){.menu-toggle{display:flex}.nav-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--white);flex-direction:column;padding:1rem 0;box-shadow:0 4px 10px #0000001a;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-menu li{width:100%;text-align:center}.nav-menu li a{display:block;padding:1rem}.logo span{font-size:.75rem}.logo-mark{width:auto;height:54px;max-width:280px;flex:0 0 auto;object-fit:contain}}.footer{background-color:var(--text-dark);color:var(--white);padding:3rem 0 1rem;margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{color:var(--white);margin-bottom:1rem;font-size:1.5rem}.footer-section h4{color:var(--accent-color);margin-bottom:1rem;font-size:1.1rem}.footer-section p{color:#fffc;line-height:1.8;margin-bottom:.5rem}.website-link a{color:var(--accent-color);font-weight:600;transition:color .3s ease}.website-link a:hover{color:var(--white)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#fffc;transition:color .3s ease}.footer-section ul li a:hover{color:var(--accent-color)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;color:#fff9;text-align:center}.footer-copyright{text-align:center}.to-top{position:fixed;right:22px;bottom:22px;z-index:1200;width:42px;height:42px;border-radius:999px;background:#1a5490eb;border:1px solid rgba(26,84,144,.92);color:var(--white);display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease,border-color .2s ease;box-shadow:0 10px 28px #00000038;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px)}.to-top--visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.to-top:hover{background:#2c7fb8f5;border-color:#2c7fb8f5;transform:translateY(-2px)}.to-top:focus-visible{outline:3px solid rgba(243,156,18,.85);outline-offset:3px}@media (max-width: 768px){.footer-content{grid-template-columns:1fr}.to-top{right:16px;bottom:16px}}.hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--white);padding:120px 0 80px;text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.hero-subtitle{font-size:1.3rem;margin-bottom:2.5rem;opacity:.95;line-height:1.6}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.mission-section{background-color:var(--white)}.mission-content{max-width:900px;margin:0 auto}.mission-text{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;color:var(--text-dark)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{text-align:center}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.feature-card p{color:var(--text-light);line-height:1.6}.vision-section{background-color:var(--white)}.vision-content{max-width:900px;margin:0 auto}.vision-text{font-size:1.1rem;line-height:1.8;color:var(--text-dark);text-align:center}@media (max-width: 768px){.hero{padding:80px 0 60px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:300px}.features-grid{grid-template-columns:1fr}.cta-title{font-size:2rem}.cta-text{font-size:1rem}}.about-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--white);padding:100px 0 60px;text-align:center}.page-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.page-subtitle{font-size:1.3rem;opacity:.95}.about-section,.aim-scope-section,.vision-section{padding:80px 0}.content-title{font-size:2.5rem;color:var(--primary-color);margin-bottom:2rem;text-align:center}.content-text{max-width:900px;margin:0 auto 3rem}.content-text p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;color:var(--text-dark)}.scope-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.scope-item h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.3rem}.scope-item p{color:var(--text-light);line-height:1.6}.vision-box{max-width:900px;margin:0 auto}.vision-text{font-size:1.1rem;line-height:1.8;color:var(--text-dark);margin-bottom:1.5rem}.cta-buttons{display:flex;gap:1rem;justify-content:center}@media (max-width: 768px){.about-header{padding:60px 0 40px}.page-title{font-size:2.2rem}.page-subtitle{font-size:1.1rem}.content-title{font-size:2rem}.scope-grid{grid-template-columns:1fr}.cta-title{font-size:2rem}}.member-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--white);padding:100px 0 60px;text-align:center}.join-renew-section{padding:80px 0}.join-renew-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:2rem}.member-card{display:flex;flex-direction:column}.member-card-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--white);padding:1.5rem;border-radius:8px 8px 0 0;margin:-2rem -2rem 1.5rem}.member-card-header h2{margin:0;font-size:1.8rem}.member-card-content{flex:1;display:flex;flex-direction:column}.member-card-content h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:1rem}.member-card-content p{color:var(--text-light);line-height:1.6;margin-bottom:1.5rem}.member-benefits{font-weight:500;color:var(--text-dark)}.why-join{margin:2rem 0;padding:1.5rem;background-color:var(--bg-light);border-radius:8px}.why-join h4{color:var(--primary-color);margin-bottom:1rem;font-size:1.2rem}.benefits-list{list-style:none;padding:0}.benefits-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-dark);line-height:1.6}.benefits-list li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.btn-large{padding:15px 40px;font-size:1.1rem;margin-top:auto;width:100%}.member-note{text-align:center;margin-top:1rem;color:var(--text-light)}.renew-link{color:var(--primary-color);font-weight:600;text-decoration:underline;transition:color .3s ease}.renew-link:hover{color:var(--secondary-color)}.benefits-section{padding:80px 0}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.benefit-category{height:100%}.benefit-icon{font-size:3rem;margin-bottom:1rem;text-align:center}.benefit-category h3{color:var(--primary-color);margin-bottom:1.5rem;font-size:1.5rem;text-align:center}.benefit-list{list-style:none;padding:0}.benefit-list li{padding:.75rem 0 .75rem 1.5rem;position:relative;color:var(--text-dark);line-height:1.6}.benefit-list li:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:700;font-size:1.2rem}.founder-section{padding:80px 0}.founder-content{max-width:800px;margin:0 auto;text-align:center}.founder-content .content-title{color:var(--primary-color);margin-bottom:1.5rem}.founder-content p{font-size:1.1rem;line-height:1.8;color:var(--text-dark);margin-bottom:2rem}.cta-section{text-align:center}.cta-content{max-width:700px;margin:0 auto}@media (max-width: 768px){.member-header{padding:60px 0 40px}.join-renew-grid{grid-template-columns:1fr}.member-card-header{margin:-2rem -2rem 1.5rem}.benefits-grid{grid-template-columns:1fr}.cta-title{font-size:2rem}}.committee-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--white);padding:100px 0 60px;text-align:center}.board-section{padding:80px 0}.board-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.board-member{text-align:center;transition:transform .3s ease}.board-member:hover{transform:translateY(-5px)}.member-avatar{margin-bottom:1.5rem}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;margin:0 auto}.member-name{color:var(--primary-color);font-size:1.3rem;margin-bottom:.5rem}.member-position{color:var(--accent-color);font-weight:600;margin-bottom:.5rem;font-size:1rem}.member-affiliation{color:var(--text-light);font-size:.9rem;margin-bottom:1rem;line-height:1.4}.member-email{color:var(--primary-color);font-size:.9rem;transition:color .3s ease}.member-email:hover{color:var(--secondary-color);text-decoration:underline}.committees-section{padding:80px 0}.committees-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.committee-card{height:100%;display:flex;flex-direction:column}.committee-name{color:var(--primary-color);font-size:1.3rem;margin-bottom:1rem;min-height:3.5rem}.committee-description{color:var(--text-dark);line-height:1.6;margin-bottom:1.5rem;flex:1}.committee-chair{padding-top:1rem;border-top:1px solid var(--border-color);color:var(--text-light);font-size:.95rem}.committee-chair strong{color:var(--primary-color)}.reference-section{padding:80px 0}.reference-content{max-width:900px;margin:0 auto}.content-title{color:var(--primary-color);margin-bottom:1.5rem;text-align:center;font-size:2.5rem}.reference-text{font-size:1.1rem;line-height:1.8;color:var(--text-dark);margin-bottom:2rem;text-align:center}.reference-links{margin-top:2rem}.reference-links h4{color:var(--primary-color);margin-bottom:1rem;font-size:1.3rem}.reference-links ul{list-style:none;padding:0}.reference-links ul li{margin-bottom:.75rem;padding-left:1.5rem;position:relative}.reference-links ul li:before{content:"→";position:absolute;left:0;color:var(--primary-color);font-weight:700}.reference-links ul li a{color:var(--primary-color);font-size:1rem;transition:color .3s ease;text-decoration:none}.reference-links ul li a:hover{color:var(--secondary-color);text-decoration:underline}.join-committee-section{text-align:center;padding:80px 0}.join-committee-content{max-width:700px;margin:0 auto}.cta-title{font-size:2.5rem;margin-bottom:1rem;color:var(--white)}.cta-text{font-size:1.2rem;margin-bottom:2rem;opacity:.95;line-height:1.6}@media (max-width: 768px){.committee-header{padding:60px 0 40px}.board-grid,.committees-grid{grid-template-columns:1fr}.content-title,.cta-title{font-size:2rem}}.contact-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--white);padding:100px 0 60px;text-align:center}.contact-section{padding:80px 0}.contact-wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start}.contact-info{display:flex;flex-direction:column;gap:2rem}.info-card h2{color:var(--primary-color);margin-bottom:1rem;font-size:1.8rem}.info-card>p{color:var(--text-light);line-height:1.6;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;gap:1rem;align-items:flex-start}.contact-icon{font-size:2rem;flex-shrink:0}.contact-item h3{color:var(--primary-color);margin-bottom:.5rem;font-size:1.1rem}.contact-item p{color:var(--text-light);line-height:1.6;margin:0}.contact-item a{color:var(--primary-color);transition:color .3s ease}.contact-item a:hover{color:var(--secondary-color);text-decoration:underline}.quick-links-card{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--white)}.quick-links-card h3{color:var(--white);margin-bottom:1rem;font-size:1.3rem}.quick-links-card ul{list-style:none;padding:0}.quick-links-card ul li{margin-bottom:.75rem}.quick-links-card ul li a{color:#ffffffe6;transition:color .3s ease;display:block;padding:.5rem 0}.quick-links-card ul li a:hover{color:var(--white);padding-left:.5rem;transition:all .3s ease}.contact-form-card h2{color:var(--primary-color);margin-bottom:2rem;font-size:1.8rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{color:var(--text-dark);font-weight:600;margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:12px;border:2px solid var(--border-color);border-radius:5px;font-size:1rem;font-family:inherit;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:120px}.form-group select{cursor:pointer;background-color:var(--white)}.btn-large{padding:15px 40px;font-size:1.1rem;width:100%;margin-top:.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.form-success{background-color:#d4edda;color:#155724;padding:1rem;border-radius:5px;border:1px solid #c3e6cb;margin-bottom:1rem}.info-section{padding:80px 0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.info-item h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.3rem}.info-item p{color:var(--text-light);line-height:1.6}@media (max-width: 968px){.contact-wrapper{grid-template-columns:1fr}.contact-info{order:2}.contact-form-wrapper{order:1}}@media (max-width: 768px){.contact-header{padding:60px 0 40px}.contact-section{padding:40px 0}.info-grid{grid-template-columns:1fr}}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #1a5490;--secondary-color: #2c7fb8;--accent-color: #f39c12;--text-dark: #2c3e50;--text-light: #7f8c8d;--bg-light: #f8f9fa;--white: #ffffff;--border-color: #e0e0e0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-dark);line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-title{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem;text-align:center}.section-subtitle{font-size:1.2rem;color:var(--text-light);text-align:center;margin-bottom:3rem}.btn{display:inline-block;padding:12px 30px;font-size:1rem;font-weight:600;border-radius:5px;transition:all .3s ease;text-align:center}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #1a54904d}.btn-secondary{background-color:var(--accent-color);color:var(--white)}.btn-secondary:hover{background-color:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.card{background:var(--white);border-radius:8px;padding:2rem;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}@media (max-width: 768px){.section{padding:40px 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}}