#root{display:flex;flex-direction:column;min-height:100vh;width:100%}main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:6rem 1rem 2rem}.page-container{max-width:800px;margin:0 auto}#nav-bar{position:fixed;top:0;left:0;width:100%;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;box-sizing:border-box}#home-button{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem;color:var(--color-primary)}#home-button img{height:2.5rem;width:auto}.link-button{display:flex;align-items:center;padding:.5rem 1rem;color:var(--color-text-main);border-radius:var(--radius-md)}.link-button:hover{background-color:var(--color-bg-base);color:var(--color-primary)}.text-center{text-align:center}.my-4{margin-top:1rem;margin-bottom:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}#home-page{display:flex;flex-direction:column;align-items:center;gap:2rem}#mission-statement{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:500;text-align:center;color:var(--color-text-main);max-width:800px;line-height:1.4;margin-top:2rem}#home-page img{width:100%;max-width:1000px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);object-fit:cover;display:block}.section-box{background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.section-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.section-box h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.25rem}.paragraph-text{white-space:pre-wrap;color:var(--color-text-muted)}button{background:transparent;border:none;color:inherit}#nav-dropdown{position:relative}#nav-dropdown>button{padding:.5rem;border-radius:var(--radius-md)}#nav-dropdown>button:hover{background-color:var(--color-bg-base)}#nav-dropdown>button>img{vertical-align:middle;height:1.5rem}#nav-dropdown-content{position:absolute;top:calc(100% + .5rem);right:0;width:250px;background:var(--color-bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);overflow:hidden;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast)}#nav-dropdown-content.open{opacity:1;visibility:visible;transform:translateY(0)}#language-and-close{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-bottom:1px solid var(--color-border)}#language-and-close button{width:auto;padding:.5rem;display:flex;align-items:center;gap:.5rem}#language-and-close button.close-dropdown{margin-left:auto}#language-and-close img{height:1.25rem;width:1.25rem}#nav-dropdown-content button{width:100%;text-align:left;padding:.75rem 1rem;color:var(--color-text-main);background:transparent}#nav-dropdown-content button:hover{background-color:var(--color-bg-base);color:var(--color-primary)}.dropdown-button-section{border-bottom:1px solid var(--color-border)}.nav-sub-dropdown-content{display:none;background-color:var(--color-bg-base);padding-left:.5rem}.nav-sub-dropdown-content.open{display:block}.nav-sub-dropdown-menu{display:flex;justify-content:space-between;align-items:center;width:100%!important;padding:.75rem 1rem!important;font-weight:600}.nav-sub-dropdown-menu img{height:1rem;width:1rem}.language-selection{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-top:2rem}.language-button{background-color:var(--color-primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600}.language-button:hover{background-color:var(--color-primary-hover)}.page-header{font-size:2rem;color:var(--color-primary);margin-bottom:1.5rem;border-bottom:2px solid var(--color-border);padding-bottom:.5rem}.nav-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 600px){main{padding-top:5rem}.nav-title{font-size:1rem;max-width:180px}#home-button{gap:.5rem}#home-button img{height:2rem}.page-header{font-size:1.5rem}#nav-dropdown-content{width:220px;right:-.5rem}}@media (max-width: 400px){.nav-title{max-width:120px}}:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-secondary: #0d9488;--color-accent: #f59e0b;--color-bg-base: #f8fafc;--color-bg-surface: #ffffff;--color-bg-glass: rgba(255, 255, 255, .7);--color-text-main: #0f172a;--color-text-muted: #475569;--color-border: #e2e8f0;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .07);--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme: dark){:root{--color-bg-base: #0f172a;--color-bg-surface: #1e293b;--color-bg-glass: rgba(30, 41, 59, .7);--color-text-main: #f8fafc;--color-text-muted: #cbd5e1;--color-border: #334155;--color-primary: #3b82f6;--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .3)}}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--color-bg-base);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;color:var(--color-text-main);margin-top:0}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button{font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast)}.glass-panel{background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}