.navbar{background-color:var(--white);box-shadow:0 2px 12px #2f67a414;border-bottom:1px solid var(--border-color);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 12px #2f67a41f;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:linear-gradient(180deg,var(--primary-color) 0%,var(--primary-dark) 100%);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(--secondary-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(--secondary-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(--secondary-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:#2f67a4eb;border:1px solid rgba(47,103,164,.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:var(--secondary-color);border-color:var(--secondary-color);transform:translateY(-2px)}.to-top:focus-visible{outline:3px solid rgba(90,166,78,.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}.btn-large{padding:15px 40px;font-size:1.1rem;width:100%;margin-top:.5rem}.form-success{background-color:#5aa64e1f;color:var(--secondary-dark);padding:1rem;border-radius:5px;border:1px solid rgba(90,166,78,.35);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}}.member-register-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--white);padding:100px 0 60px;text-align:center}.member-register-section{padding:80px 0 100px}.member-register-card{max-width:720px;margin:0 auto}.member-register-card h2{color:var(--primary-color);margin-bottom:.75rem;font-size:1.8rem}.form-intro{color:var(--text-light);line-height:1.6;margin-bottom:2rem}.form-notice{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.form-notice code{background:#00000014;padding:.2em .4em;border-radius:4px;font-size:.9em}.form-notice-warning{background:#ffa5001f;border:1px solid rgba(255,165,0,.35);color:var(--text-dark)}.form-notice-warning a{color:var(--primary-color);text-decoration:underline}.member-register-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;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-input-error{border-color:#c03030!important}.form-group textarea{resize:vertical;min-height:120px}.form-group select{cursor:pointer;background-color:var(--white)}.form-hint{font-size:.85rem;color:var(--text-light, #666);margin-top:.35rem}.form-section-title{margin-bottom:1rem;font-size:1.1rem;color:var(--text-dark, #333);font-weight:600}.form-label-upload{color:var(--text-dark, #333);font-weight:600;margin-bottom:.5rem;font-size:.95rem;display:block}.file-upload-box{position:relative;border:2px dashed var(--border-color, #ccc);border-radius:10px;background:var(--bg-light, #fafafa);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;min-height:140px}.file-upload-box:hover{border-color:var(--primary-color, #004aad);background:#004aad0a}.file-upload-box.has-file{border-style:solid;border-color:var(--primary-color, #004aad);background:#004aad0f}.file-upload-box.has-error{border-color:#c03030;background:#c030300d}.file-upload-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem 1rem;min-height:136px;cursor:pointer;text-align:center;gap:.5rem}.file-upload-icon{color:var(--text-light, #888);flex-shrink:0;line-height:0;transition:color .2s ease}.file-upload-box:hover .file-upload-icon,.file-upload-box.has-file .file-upload-icon{color:var(--primary-color, #004aad)}.file-upload-text{font-size:.95rem;font-weight:500;color:var(--text-dark, #333);word-break:break-word;max-width:100%}.file-upload-box:not(.has-file) .file-upload-text{color:var(--text-light, #666)}.file-upload-box.has-file .file-upload-text{color:var(--primary-color, #004aad)}.file-upload-spec{font-size:.8rem;color:var(--text-light, #888)}.file-upload-error{display:block;font-size:.85rem;color:#c03030;padding:.35rem 1rem .5rem;text-align:center}.form-success{background-color:#5aa64e1f;color:var(--secondary-dark);padding:1rem 1.25rem;border-radius:8px;border:1px solid rgba(90,166,78,.35)}.form-error{background-color:#b43c3c14;color:#a03030;padding:1rem 1.25rem;border-radius:8px;border:1px solid rgba(180,60,60,.3);font-size:.95rem}.form-error a{color:var(--primary-color);text-decoration:underline}.form-error code{background:#0000000f;padding:.2em .4em;border-radius:4px;font-size:.9em}.form-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:.5rem}.form-actions .btn-large{width:100%;max-width:320px;padding:15px 40px;font-size:1.1rem}.btn:disabled{opacity:.6;cursor:not-allowed}.form-back{color:var(--primary-color);font-weight:500;transition:color .3s ease}.form-back:hover{color:var(--secondary-color)}@media (max-width: 768px){.member-register-header{padding:60px 0 40px}.member-register-section{padding:40px 0 60px}.form-row{grid-template-columns:1fr}.form-row-uploads .file-upload-box{min-height:120px}.file-upload-label{min-height:116px;padding:1rem .75rem}}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2F67A4;--primary-dark: #1e4a7a;--secondary-color: #5AA64E;--secondary-dark: #458c3b;--accent-color: #5AA64E;--text-dark: #333333;--text-muted: #676767;--text-light: #888888;--bg-light: #f5f7f9;--white: #ffffff;--border-color: rgba(47, 103, 164, .2)}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(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #2f67a459}.btn-secondary{background-color:var(--secondary-color);color:var(--white)}.btn-secondary:hover{background-color:var(--secondary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #5aa64e59}.card{background:var(--white);border-radius:8px;padding:2rem;box-shadow:0 2px 10px #2f67a414;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #2f67a426}@media (max-width: 768px){.section{padding:40px 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}}