@import"https://fonts.cdnfonts.com/css/nexa";:root{--color-primary: #004976;--color-primary-light: #0066a4;--color-secondary: #97999b;--color-tertiary: #c1c6c8;--color-text: #000000;--color-text-muted: #555555;--color-white: #ffffff;--color-bg: #fafafa;--color-surface: #ffffff;--color-border: #c1c6c8;--header-height: 80px;--max-width: 1200px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--transition: .3s ease}[data-theme=dark]{--color-primary: #4da3d4;--color-primary-light: #6bb8e5;--color-secondary: #a8aaac;--color-tertiary: #4a4f54;--color-text: #e8eaed;--color-text-muted: #9aa0a6;--color-white: #2d3238;--color-bg: #1e2227;--color-surface: #2d3238;--color-border: #3d4349}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Nexa,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition),color var(--transition)}.layout{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);height:var(--header-height);transition:background-color var(--transition),border-color var(--transition)}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md);height:100%}.header-brand{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-text)}.header-logo{height:50px;width:auto;object-fit:contain}.header-logo-full{display:flex}.header-logo-small{display:none}.header-title{display:none;font-size:1.1rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.theme-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--color-text-muted);opacity:.5;transition:opacity var(--transition),color var(--transition)}.theme-toggle:hover{opacity:1;color:var(--color-primary)}.nav{display:flex;align-items:center}.nav-list{display:flex;align-items:center;gap:var(--spacing-xs);list-style:none}.nav-link{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;color:var(--color-text);font-weight:400;font-size:.95rem;border-radius:4px;transition:color var(--transition),background-color var(--transition)}.nav-link:hover{color:var(--color-primary);background-color:#00497614}[data-theme=dark] .nav-link:hover{background-color:#4da3d426}.nav-link-active{color:var(--color-primary);font-weight:700}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--color-primary)}.main-content{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.page-header h1{font-size:2.5rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.section h2{font-size:1.75rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.section h3{font-size:1.25rem;font-weight:700;color:var(--color-text)}.section p{color:var(--color-text);max-width:65ch}.homepage-section-link{display:flex;align-items:center;gap:.5rem;margin-top:var(--spacing-md);color:var(--color-primary);text-decoration:none;font-weight:700;font-size:.95rem;transition:gap var(--transition)}.homepage-section-link:hover{gap:.75rem}.homepage-highlight-card{display:flex;gap:var(--spacing-lg);align-items:center;margin-top:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;text-decoration:none;color:inherit;transition:border-color var(--transition),box-shadow var(--transition)}.homepage-highlight-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .homepage-highlight-card:hover{box-shadow:0 4px 12px #0000004d}.homepage-highlight-card--volunteer,.homepage-highlight-card--project{cursor:pointer}.homepage-highlight-card--error{cursor:default}.homepage-highlight-card--error .api-error-view{margin:0;max-width:none}.homepage-highlight-card__url{display:inline-block;margin-top:var(--spacing-sm);font-size:.9rem;color:var(--color-primary);text-decoration:underline}.homepage-highlight-card__url:hover{opacity:.8}.homepage-highlight-card__image{flex:0 0 200px;height:160px;background-color:var(--color-border);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.homepage-highlight-card__image img{width:100%;height:100%;object-fit:cover}.homepage-highlight-card__image--square{flex:0 0 160px;height:160px}.homepage-highlight-card__content{flex:1;min-width:0}.homepage-highlight-card__name{font-size:1.25rem;font-weight:700;color:var(--color-primary);margin:0 0 var(--spacing-xs)}.homepage-highlight-card__description{font-size:.95rem;color:var(--color-text-muted);line-height:1.5;margin:0}.homepage-highlight-card__date{font-size:.9rem;color:var(--color-text-muted);margin:0 0 var(--spacing-xs)}.homepage-highlight-card__org{margin-top:var(--spacing-xs)}.homepage-highlight-card__org-text{font-size:.9rem;color:var(--color-text-muted);text-decoration:underline}.homepage-highlight-card__org-link{font-size:.9rem;color:var(--color-primary);text-decoration:underline}.homepage-highlight-card__org-link:hover{opacity:.8}.volunteer-highlight{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);transition:border-color var(--transition),box-shadow var(--transition)}.volunteer-highlight--link{cursor:pointer}.volunteer-highlight--link:hover{border-color:var(--color-primary)}.volunteer-highlight-title{font-size:1.1rem;font-weight:700;color:var(--color-primary);text-align:center;margin-bottom:0}.volunteer-highlight-date{font-size:.9rem;color:var(--color-text-muted);text-align:center;margin-bottom:0;margin-top:.1rem}.volunteer-highlight-image{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background-color:var(--color-border);display:flex;align-items:center;justify-content:center}.volunteer-highlight-image img{width:100%;height:100%;object-fit:cover}.volunteer-highlight-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.volunteer-highlight-name{font-size:1.1rem;font-weight:700;color:var(--color-primary);text-align:center;margin-bottom:0}.volunteer-highlight-organization{text-align:center;margin-top:.1rem}.volunteer-highlight-org-text{font-size:.85rem;color:var(--color-text-muted);text-decoration:underline}.volunteer-highlight-org-link{font-size:.85rem;color:var(--color-primary);text-decoration:underline;transition:color var(--transition),opacity var(--transition)}.volunteer-highlight-org-link:hover{opacity:.8}.volunteer-highlight-description{font-size:.9rem;color:var(--color-text-muted);line-height:1.5;text-align:center}.volunteer-carousel{position:relative;margin-top:var(--spacing-md)}.volunteer-carousel__track-wrap{overflow:hidden}.volunteer-carousel__track{display:flex;transition:transform .4s ease-in-out}.volunteer-carousel__slide{flex:0 0 100%;min-width:0}.volunteer-carousel__card{display:flex;gap:var(--spacing-lg);align-items:stretch;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;min-height:360px;transition:border-color var(--transition)}.volunteer-carousel__card:hover{border-color:var(--color-primary)}.volunteer-carousel__image-wrap{flex:0 0 320px;background-color:var(--color-border);display:flex;align-items:center;justify-content:center;overflow:hidden}.volunteer-carousel__image{width:100%;height:100%;min-height:360px;object-fit:cover}.volunteer-carousel__content{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-sm)}.volunteer-carousel__date{font-size:.9rem;color:var(--color-text-muted);margin:0}.volunteer-carousel__name{font-size:1.75rem;font-weight:700;color:var(--color-primary);margin:0}.volunteer-carousel__org{margin-top:.25rem}.volunteer-carousel__org-text{font-size:1rem;color:var(--color-text-muted);text-decoration:underline}.volunteer-carousel__org-link{font-size:1rem;color:var(--color-primary);text-decoration:underline;transition:opacity var(--transition)}.volunteer-carousel__org-link:hover{opacity:.8}.volunteer-carousel__description{font-size:1rem;color:var(--color-text);line-height:1.6;margin:0;max-width:50ch}.volunteer-carousel__btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition),color var(--transition),background-color var(--transition)}.volunteer-carousel__btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.volunteer-carousel__btn--prev{left:-24px}.volunteer-carousel__btn--next{right:-24px}.volunteer-carousel__dots{display:flex;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.volunteer-carousel__dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--color-border);background-color:transparent;cursor:pointer;padding:0;transition:background-color var(--transition),border-color var(--transition)}.volunteer-carousel__dot:hover{border-color:var(--color-primary)}.volunteer-carousel__dot--active{background-color:var(--color-primary);border-color:var(--color-primary)}.volunteer-archive{margin-top:var(--spacing-xl)}.volunteer-archive h2{font-size:1.75rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.volunteer-archive__search{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md)}.volunteer-archive__table-wrap{overflow-x:auto}.volunteer-archive__table{width:100%;border-collapse:collapse;font-size:.95rem}.volunteer-archive__table th,.volunteer-archive__table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.volunteer-archive__table th{font-weight:700;color:var(--color-primary);background-color:var(--color-surface)}.volunteer-archive__table tbody tr:hover{background-color:#0049760a}[data-theme=dark] .volunteer-archive__table tbody tr:hover{background-color:#4da3d414}.volunteer-archive__table td{color:var(--color-text)}.volunteer-archive__org-link{color:var(--color-primary);text-decoration:underline}.volunteer-archive__org-link:hover{opacity:.8}.hero{padding:var(--spacing-xl) 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.hero h1{font-size:3rem;font-weight:700;color:var(--color-primary);letter-spacing:-.03em;margin-bottom:0}.hero p{font-size:1.25rem;color:var(--color-text-muted);max-width:50ch;margin-top:.1rem}.projects-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.projects-grid>*{flex:1 1 300px;min-width:300px}.project-card{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.project-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .project-card:hover{box-shadow:0 4px 12px #0000004d}.project-image{width:100%;height:160px;background-color:var(--color-border);display:flex;align-items:center;justify-content:center;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.project-content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.project-content h3{font-size:1.1rem;font-weight:700;color:var(--color-primary);line-height:1.3}.project-content p{font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.pagination-btn{display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;color:var(--color-text);transition:background-color var(--transition),border-color var(--transition),color var(--transition)}.pagination-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:.9rem;color:var(--color-text-muted)}.see-all-link{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:var(--spacing-md);color:var(--color-primary);text-decoration:none;font-weight:700;transition:gap var(--transition)}.see-all-link:hover{gap:.75rem}.search-container{position:relative;max-width:400px;margin-top:var(--spacing-md)}.search-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 3rem;font-family:inherit;font-size:1rem;font-weight:400;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;outline:none;transition:border-color var(--transition),background-color var(--transition)}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{border-color:var(--color-primary)}.no-results{color:var(--color-text-muted);font-style:normal}.board-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.board-grid>*{flex:1 1 280px;min-width:280px}.board-member{padding:var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:var(--spacing-xs);transition:background-color var(--transition),border-color var(--transition)}.board-member h3{color:var(--color-primary)}.board-title{font-weight:700;color:var(--color-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.board-bio{font-size:.9rem;color:var(--color-text-muted);line-height:1.5;flex:1}.board-email{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--color-text-muted);text-decoration:none;margin-top:var(--spacing-xs);transition:color var(--transition)}.board-email:hover{color:var(--color-primary)}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.faq-item{padding:var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:var(--spacing-xs);transition:background-color var(--transition),border-color var(--transition)}.faq-item h3{color:var(--color-primary)}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:background-color var(--transition),border-color var(--transition)}.contact-icon{color:var(--color-primary);flex-shrink:0}.contact-item h3{font-size:1rem;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.contact-item p{font-size:.95rem;color:var(--color-text)}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-md);margin-top:auto;transition:background-color var(--transition),border-color var(--transition)}.footer-container{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.footer p{font-size:.875rem;color:var(--color-text-muted)}.footer-admin-link{font-size:.7rem;opacity:.35;color:var(--color-text-muted);text-decoration:none;margin-left:var(--spacing-sm)}.footer-admin-link:hover{opacity:.6}.admin-gate{max-width:400px;margin:0 auto}.admin-form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.admin-form--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm);align-items:start}.admin-form label{font-size:.9rem;font-weight:600;color:var(--color-text)}.admin-input{padding:var(--spacing-xs) var(--spacing-sm);font-family:inherit;font-size:1rem;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px}.admin-input:focus{outline:none;border-color:var(--color-primary)}.admin-error{color:#c00;font-size:.9rem;margin:0}.admin-btn{padding:var(--spacing-xs) var(--spacing-md);font-family:inherit;font-size:.95rem;font-weight:600;color:var(--color-white);background-color:var(--color-primary);border:none;border-radius:6px;cursor:pointer;transition:opacity var(--transition)}.admin-btn:hover{opacity:.9}.admin-btn--secondary{background-color:var(--color-border);color:var(--color-text)}.admin-btn--small{padding:.25rem .5rem;font-size:.85rem;margin-left:var(--spacing-xs)}.admin-btn--danger{background-color:#b91c1c;color:#fff}.admin-back{margin-top:var(--spacing-md)}.admin-back a{color:var(--color-primary);text-decoration:none}.admin-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.admin-actions{display:flex;align-items:center;gap:var(--spacing-md)}.admin-actions a{color:var(--color-primary);text-decoration:none}.admin-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.admin-tab{display:flex;align-items:center;gap:.35rem;padding:var(--spacing-xs) var(--spacing-sm);font-family:inherit;font-size:.95rem;color:var(--color-text-muted);background:none;border:none;border-radius:6px;cursor:pointer;transition:color var(--transition),background-color var(--transition)}.admin-tab:hover{color:var(--color-primary);background-color:#00497614}[data-theme=dark] .admin-tab:hover{background-color:#4da3d426}.admin-tab--active{color:var(--color-primary);font-weight:700}.admin-section h2{margin-bottom:var(--spacing-sm)}.admin-section h3{font-size:1.1rem;margin:var(--spacing-md) 0 var(--spacing-xs)}.admin-loading{color:var(--color-text-muted);padding:var(--spacing-md)}.admin-list{list-style:none;padding:0;margin:0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.admin-list-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}.admin-list-item:last-child{border-bottom:none}@media (max-width: 768px){:root{--header-height: 70px}.header-logo-full{display:none}.header-logo-small{display:flex;height:40px}.header-title{display:flex;font-size:1rem}.menu-toggle{display:flex;align-items:center;justify-content:center}.nav{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background-color:var(--color-surface);padding:var(--spacing-lg);transform:translate(100%);transition:transform var(--transition),background-color var(--transition);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:center}.nav-open{transform:translate(0)}.nav-list{flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%}.nav-item{width:100%;text-align:center}.nav-link{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);font-size:1.5rem;font-weight:400;text-align:center;border-radius:8px}.nav-link-active{font-weight:700}.nav-link:hover,.nav-link-active{background-color:#00497614}[data-theme=dark] .nav-link:hover,[data-theme=dark] .nav-link-active{background-color:#4da3d426}.hero h1{font-size:2rem}.hero p{font-size:1rem}.page-header h1{font-size:2rem}.section h2{font-size:1.5rem}.homepage-highlight-card{flex-direction:column;align-items:stretch}.homepage-highlight-card__image,.homepage-highlight-card__image--square{flex:0 0 auto;width:100%;height:200px}.volunteer-carousel__card{flex-direction:column;min-height:auto}.volunteer-carousel__image-wrap{flex:0 0 auto;width:100%;height:280px}.volunteer-carousel__image{min-height:280px}.volunteer-carousel__content{padding:var(--spacing-md)}.volunteer-carousel__name{font-size:1.5rem}.volunteer-carousel__btn{width:40px;height:40px}.volunteer-carousel__btn--prev{left:var(--spacing-xs)}.volunteer-carousel__btn--next{right:var(--spacing-xs)}.main-content{padding:var(--spacing-md) var(--spacing-sm)}}@media (max-width: 480px){.header-brand{gap:var(--spacing-xs)}.header-title{font-size:.85rem}.header-logo-small{height:32px}.hero h1{font-size:1.75rem}.board-grid>*{flex:1 1 100%;min-width:100%}}.api-error-view{text-align:center;padding:var(--spacing-xl) var(--spacing-md);max-width:420px;margin:var(--spacing-lg) auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 20px #0000000f;transition:background-color var(--transition),border-color var(--transition),box-shadow var(--transition)}[data-theme=dark] .api-error-view{box-shadow:0 4px 20px #0003}.api-error-view__icon{color:var(--color-secondary);margin-bottom:var(--spacing-sm)}.api-error-view__title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs)}.api-error-view__message{font-size:.95rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--spacing-md)}.api-error-view__retry{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);font-size:.95rem;font-weight:600;font-family:inherit;color:var(--color-white);background:var(--color-primary);border:none;border-radius:8px;cursor:pointer;transition:background-color var(--transition),transform .15s ease}.api-error-view__retry:hover{background:var(--color-primary-light)}.api-error-view__retry:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}