@import url("tailwind-custom.css");:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #dbeafe;--color-secondary: #059669;--color-secondary-dark: #047857;--color-secondary-light: #d1fae5;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-text-muted: #6b7280;--color-text-inverse: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-success: #059669;--color-warning: #d97706;--color-error: #dc2626;--color-info: #2563eb;--color-hc-text: #000000;--color-hc-bg: #ffffff;--color-hc-link: #0000ee;--color-hc-visited: #551a8b;--color-hc-border: #000000}:root{--font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--font-secondary: Georgia, 'Times New Roman', Times, serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2}:root{--spacing-0: 0;--spacing-1: 0.25rem;--spacing-2: 0.5rem;--spacing-3: 0.75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--spacing-40: 10rem;--spacing-48: 12rem;--spacing-56: 14rem;--spacing-64: 16rem}:root{--container-max-width: 1200px;--container-padding: var(--spacing-6);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--header-height: 80px;--border-radius-sm: 0.125rem;--border-radius: 0.375rem;--border-radius-lg: 0.5rem;--border-radius-xl: 0.75rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root{--transition-fast: 150ms ease-in-out;--transition-normal: 300ms ease-in-out;--transition-slow: 500ms ease-in-out;--duration-fast: 150ms;--duration-normal: 300ms;--duration-slow: 500ms;--ease-in: cubic-bezier(0.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, 0.2, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1)}:root{--focus-ring-width: 2px;--focus-ring-color: var(--color-primary);--focus-ring-offset: 2px;--button-min-height: 44px;--button-min-width: 44px}@media (prefers-contrast: high){:root{--color-text-primary: var(--color-hc-text);--color-bg-primary: var(--color-hc-bg);--color-primary: var(--color-hc-link);--color-secondary: var(--color-hc-link)}}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-normal: 0ms;--transition-slow: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:var(--line-height-normal);scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}body{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body.large-font{font-size:var(--font-size-lg)}body.large-font h1{font-size:calc(var(--font-size-4xl) * 1.2)}body.large-font h2{font-size:calc(var(--font-size-3xl) * 1.2)}body.large-font h3{font-size:calc(var(--font-size-2xl) * 1.2)}body.large-font h4{font-size:calc(var(--font-size-xl) * 1.2)}body.large-font h5{font-size:calc(var(--font-size-lg) * 1.2)}body.large-font h6{font-size:calc(var(--font-size-base) * 1.2)}body.large-font .btn{font-size:calc(var(--font-size-base) * 1.2);padding:calc(var(--spacing-3) * 1.2) calc(var(--spacing-6) * 1.2)}body.high-contrast{--color-text-primary: var(--color-hc-text);--color-bg-primary: var(--color-hc-bg);--color-primary: var(--color-hc-link);--color-secondary: var(--color-hc-link)}body.high-contrast *{border-color:var(--color-hc-border) !important}body.high-contrast a{color:var(--color-hc-link) !important;text-decoration:underline !important}body.high-contrast a:visited{color:var(--color-hc-visited) !important}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-6)}@media (max-width: 768px){h1{font-size:var(--font-size-3xl)}}h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-5)}@media (max-width: 768px){h2{font-size:var(--font-size-2xl)}}h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}@media (max-width: 768px){h3{font-size:var(--font-size-xl)}}h4{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3)}h5{font-size:var(--font-size-lg);margin-bottom:var(--spacing-3)}h6{font-size:var(--font-size-base);margin-bottom:var(--spacing-2);font-weight:var(--font-weight-semibold)}p{margin-bottom:var(--spacing-4);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}a:focus{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--border-radius-sm)}a:visited{color:var(--color-primary)}a[href^="http"]:not([href*="ocsnc.org"])::after{content:" ↗";font-size:0.8em;opacity:0.7}ul,ol{margin-left:var(--spacing-6);margin-bottom:var(--spacing-4)}ul li,ol li{margin-bottom:var(--spacing-2);line-height:var(--line-height-relaxed)}ul ul,ul ol,ol ul,ol ol{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}blockquote{margin:var(--spacing-6) 0;padding:var(--spacing-4) var(--spacing-6);border-left:4px solid var(--color-primary);background-color:var(--color-bg-secondary);font-style:italic}blockquote p:last-child{margin-bottom:0}code{font-family:'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;font-size:0.875em;background-color:var(--color-gray-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);color:var(--color-gray-800)}pre{background-color:var(--color-gray-900);color:var(--color-gray-100);padding:var(--spacing-4);border-radius:var(--border-radius);overflow-x:auto;margin-bottom:var(--spacing-4)}pre code{background-color:transparent;padding:0;color:inherit}img{max-width:100%;height:auto;border-radius:var(--border-radius)}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-6)}table th,table td{padding:var(--spacing-3);text-align:left;border-bottom:1px solid var(--color-gray-200)}table th{font-weight:var(--font-weight-semibold);background-color:var(--color-gray-50);border-bottom:2px solid var(--color-gray-300)}table tr:nth-child(even){background-color:var(--color-gray-50)}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-gray-900);color:var(--color-white);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;border-radius:0 0 var(--border-radius) var(--border-radius);z-index:var(--z-modal);font-weight:var(--font-weight-medium)}.skip-link:focus{top:0;outline:var(--focus-ring-width) solid var(--color-white);outline-offset:var(--focus-ring-offset)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}@media (max-width: 768px){.container{padding:0 var(--spacing-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--button-min-height);min-width:var(--button-min-width);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;text-decoration:none;border:2px solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.btn:focus{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn:disabled{opacity:0.6;cursor:not-allowed;pointer-events:none}.btn.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn.btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-white);text-decoration:none}.btn.btn-secondary{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.btn.btn-secondary:hover{background-color:var(--color-secondary-dark);border-color:var(--color-secondary-dark);color:var(--color-white);text-decoration:none}.btn.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn.btn-outline:hover{background-color:var(--color-primary);color:var(--color-white);text-decoration:none}.btn.btn-ghost{background-color:transparent;color:var(--color-primary);border-color:transparent}.btn.btn-ghost:hover{background-color:var(--color-primary-light);color:var(--color-primary-dark);text-decoration:none}.btn.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);min-height:36px}.btn.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);min-height:52px}.btn.btn-full{width:100%}.card,.access-card,.announcement-card{background-color:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.card:hover,.access-card:hover,.announcement-card:hover{box-shadow:var(--shadow-md)}.card .card-header,.access-card .card-header,.announcement-card .card-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-gray-200)}.card .card-title,.access-card .card-title,.announcement-card .card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--color-text-primary)}.card .card-description,.access-card .card-description,.announcement-card .card-description{color:var(--color-text-secondary);margin-bottom:0}.card .card-content,.access-card .card-content,.announcement-card .card-content{margin-bottom:var(--spacing-4)}.card .card-footer,.access-card .card-footer,.announcement-card .card-footer{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-gray-200)}.card .card-icon,.access-card .card-icon,.announcement-card .card-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-3);display:block}.card .card-link,.access-card .card-link,.announcement-card .card-link,.announcement-card .announcement-link{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.card .card-link:hover,.access-card .card-link:hover,.announcement-card .card-link:hover,.announcement-card .announcement-link:hover{color:var(--color-primary-dark);text-decoration:underline}.card .card-link::after,.access-card .card-link::after,.announcement-card .card-link::after,.announcement-card .announcement-link::after{content:" →";margin-left:var(--spacing-1)}.alert{padding:var(--spacing-4);border-radius:var(--border-radius);border:1px solid transparent;margin-bottom:var(--spacing-4)}.alert .alert-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.alert.alert-info{background-color:color-mix(in srgb, var(--color-info) 10%, transparent);border-color:var(--color-info);color:var(--color-info)}.alert.alert-success{background-color:color-mix(in srgb, var(--color-success) 10%, transparent);border-color:var(--color-success);color:var(--color-success)}.alert.alert-warning{background-color:color-mix(in srgb, var(--color-warning) 10%, transparent);border-color:var(--color-warning);color:var(--color-warning)}.alert.alert-error{background-color:color-mix(in srgb, var(--color-error) 10%, transparent);border-color:var(--color-error);color:var(--color-error)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-xl)}.badge.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.badge.badge-secondary{background-color:var(--color-secondary-light);color:var(--color-secondary)}.badge.badge-gray{background-color:var(--color-gray-100);color:var(--color-gray-700)}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2);color:var(--color-text-primary)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-3);font-size:var(--font-size-base);border:2px solid var(--color-gray-300);border-radius:var(--border-radius);background-color:var(--color-white);transition:border-color var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent)}.form-input:invalid,.form-textarea:invalid,.form-select:invalid{border-color:var(--color-error)}.form-input::placeholder,.form-textarea::placeholder,.form-select::placeholder{color:var(--color-text-muted)}.form-textarea{min-height:120px;resize:vertical}.form-help{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-1)}.form-error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-1)}.loading{display:inline-block;width:20px;height:20px;border:2px solid var(--color-gray-300);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-content{visibility:hidden;width:120px;background-color:var(--color-gray-900);color:var(--color-white);text-align:center;border-radius:var(--border-radius);padding:var(--spacing-2);font-size:var(--font-size-sm);position:absolute;z-index:var(--z-tooltip);bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity var(--transition-fast)}.tooltip .tooltip-content::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--color-gray-900) transparent transparent transparent}.tooltip:hover .tooltip-content,.tooltip:focus .tooltip-content{visibility:visible;opacity:1}.accessibility-tools{display:flex;gap:var(--spacing-2);align-items:center}.accessibility-toggle,.font-size-toggle{background:none;border:2px solid var(--color-gray-300);border-radius:var(--border-radius);padding:var(--spacing-2);cursor:pointer;transition:all var(--transition-fast);min-width:var(--button-min-width);min-height:var(--button-min-height);display:flex;align-items:center;justify-content:center}.accessibility-toggle:hover,.font-size-toggle:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.accessibility-toggle:focus,.font-size-toggle:focus{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.accessibility-toggle.active,.font-size-toggle.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;width:var(--button-min-width);height:var(--button-min-height);background:none;border:2px solid transparent;border-radius:var(--border-radius);cursor:pointer;padding:var(--spacing-2)}@media (max-width: 768px){.mobile-menu-toggle{display:flex}}.mobile-menu-toggle:focus{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.mobile-menu-toggle .hamburger-line{width:24px;height:3px;background-color:var(--color-text-primary);margin:2px 0;transition:all var(--transition-fast);border-radius:2px}.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px, 6px)}.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px, -6px)}.site-header{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm)}.site-header .header-content{display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height);gap:var(--spacing-4)}@media (max-width: 768px){.site-header .header-content{flex-wrap:wrap;min-height:60px}}.site-header .site-branding{display:flex;flex-direction:column}@media (max-width: 768px){.site-header .site-branding{flex:1}}.site-header .site-logo{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;color:var(--color-text-primary)}.site-header .site-logo:hover{text-decoration:none;opacity:0.8}.site-header .site-logo:focus{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--border-radius)}.site-header .logo-image{width:40px;height:40px;border-radius:var(--border-radius)}.site-header .site-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}@media (max-width: 768px){.site-header .site-title{font-size:var(--font-size-lg)}}.site-header .site-tagline{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}@media (max-width: 768px){.site-header .site-tagline{display:none}}@media (max-width: 768px){.primary-navigation{position:absolute;top:100%;left:0;right:0;background-color:var(--color-bg-primary);border-top:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg);display:none}.primary-navigation.show{display:block}}.nav-menu{display:flex;list-style:none;margin:0;gap:var(--spacing-1)}@media (max-width: 768px){.nav-menu{flex-direction:column;padding:var(--spacing-4);gap:0}}.nav-item{position:relative}.nav-link{display:block;padding:var(--spacing-3) var(--spacing-4);color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-weight-medium);border-radius:var(--border-radius);transition:all var(--transition-fast)}.nav-link:hover{background-color:var(--color-primary-light);color:var(--color-primary);text-decoration:none}.nav-link:focus{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.nav-link.active{background-color:var(--color-primary);color:var(--color-white)}.nav-link.active:hover{background-color:var(--color-primary-dark);color:var(--color-white)}@media (max-width: 768px){.nav-link{padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-gray-200);border-radius:0}.nav-link:last-child{border-bottom:none}}.main-content{flex:1;min-height:calc(100vh - var(--header-height) - 200px)}.page-header{background-color:var(--color-bg-secondary);padding:var(--spacing-12) 0 var(--spacing-8);border-bottom:1px solid var(--color-gray-200)}@media (max-width: 768px){.page-header{padding:var(--spacing-8) 0 var(--spacing-6)}}.page-header .page-title{margin-bottom:var(--spacing-4)}.page-header .page-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:800px;margin:0}.page-content{padding:var(--spacing-12) 0}@media (max-width: 768px){.page-content{padding:var(--spacing-8) 0}}.hero-section{background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-secondary-light) 100%);padding:var(--spacing-16) 0}@media (max-width: 768px){.hero-section{padding:var(--spacing-12) 0}}.hero-section .hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center}@media (max-width: 768px){.hero-section .hero-content{grid-template-columns:1fr;gap:var(--spacing-8);text-align:center}}.hero-section .hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);color:var(--color-text-primary)}@media (max-width: 768px){.hero-section .hero-title{font-size:var(--font-size-4xl)}}.hero-section .hero-subtitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-primary);margin-bottom:var(--spacing-6)}@media (max-width: 768px){.hero-section .hero-subtitle{font-size:var(--font-size-xl)}}.hero-section .hero-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);line-height:var(--line-height-relaxed)}.hero-section .hero-actions{display:flex;gap:var(--spacing-4)}@media (max-width: 768px){.hero-section .hero-actions{flex-direction:column;align-items:center}}.hero-section .hero-image{display:flex;justify-content:center}@media (max-width: 768px){.hero-section .hero-image{order:-1}}.hero-section .hero-img{max-width:100%;height:auto;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg)}.section-title{text-align:center;margin-bottom:var(--spacing-12)}@media (max-width: 768px){.section-title{margin-bottom:var(--spacing-8)}}.mission-section{padding:var(--spacing-16) 0;background-color:var(--color-bg-secondary)}@media (max-width: 768px){.mission-section{padding:var(--spacing-12) 0}}.mission-section .mission-content{text-align:center;max-width:800px;margin:0 auto}.mission-section .mission-statement{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:var(--spacing-6);margin-top:var(--spacing-8)}@media (max-width: 768px){.card-grid{grid-template-columns:1fr;gap:var(--spacing-4)}}.access-card{text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.access-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.quick-access-section{padding:var(--spacing-16) 0}@media (max-width: 768px){.quick-access-section{padding:var(--spacing-12) 0}}.announcements-section{padding:var(--spacing-16) 0;background-color:var(--color-bg-secondary)}@media (max-width: 768px){.announcements-section{padding:var(--spacing-12) 0}}.announcements-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:var(--spacing-6);margin-top:var(--spacing-8)}@media (max-width: 768px){.announcements-grid{grid-template-columns:1fr;gap:var(--spacing-4)}}.announcement-card .announcement-date{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.announcement-card .announcement-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3)}.announcement-card .announcement-excerpt{color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}.cta-section{padding:var(--spacing-16) 0;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:var(--color-white);text-align:center}@media (max-width: 768px){.cta-section{padding:var(--spacing-12) 0}}.cta-section .cta-title{color:var(--color-white);margin-bottom:var(--spacing-4)}.cta-section .cta-description{font-size:var(--font-size-lg);margin-bottom:var(--spacing-8);max-width:600px;margin-left:auto;margin-right:auto;opacity:0.9}.cta-section .cta-actions{display:flex;gap:var(--spacing-4);justify-content:center}@media (max-width: 768px){.cta-section .cta-actions{flex-direction:column;align-items:center}}.cta-section .cta-actions .btn-outline{background-color:transparent;color:var(--color-white);border-color:var(--color-white)}.cta-section .cta-actions .btn-outline:hover{background-color:var(--color-white);color:var(--color-primary)}.site-footer{background-color:var(--color-gray-900);color:var(--color-gray-300);padding:var(--spacing-12) 0 var(--spacing-6)}.site-footer .footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--spacing-8);margin-bottom:var(--spacing-8)}@media (max-width: 768px){.site-footer .footer-content{grid-template-columns:1fr;gap:var(--spacing-6)}}.site-footer .footer-section .footer-title{color:var(--color-white);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}.site-footer .contact-details .contact-item{display:flex;align-items:flex-start;margin-bottom:var(--spacing-3)}.site-footer .contact-details .contact-item .contact-label{font-weight:var(--font-weight-medium);min-width:60px;color:var(--color-gray-400)}.site-footer .contact-details .contact-item .contact-link{color:var(--color-gray-300)}.site-footer .contact-details .contact-item .contact-link:hover{color:var(--color-white)}.site-footer .contact-details .contact-item .contact-text{color:var(--color-gray-300)}.site-footer .footer-nav-list{list-style:none;margin:0}.site-footer .footer-nav-list .footer-nav-item{margin-bottom:var(--spacing-2)}.site-footer .footer-nav-list .footer-nav-item .footer-nav-link{color:var(--color-gray-300);text-decoration:none}.site-footer .footer-nav-list .footer-nav-item .footer-nav-link:hover{color:var(--color-white);text-decoration:underline}.site-footer .resource-list{list-style:none;margin:0}.site-footer .resource-list li{margin-bottom:var(--spacing-2)}.site-footer .resource-list li .resource-link{color:var(--color-gray-300);text-decoration:none}.site-footer .resource-list li .resource-link:hover{color:var(--color-white);text-decoration:underline}.site-footer .social-links{display:flex;flex-direction:column;gap:var(--spacing-3)}.site-footer .social-links .social-link{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-gray-300);text-decoration:none}.site-footer .social-links .social-link:hover{color:var(--color-white)}.site-footer .social-links .social-link .social-icon{font-size:var(--font-size-lg)}.site-footer .footer-bottom{border-top:1px solid var(--color-gray-700);padding-top:var(--spacing-6)}.site-footer .footer-bottom .footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-4)}@media (max-width: 768px){.site-footer .footer-bottom .footer-bottom-content{flex-direction:column;text-align:center}}.site-footer .footer-bottom .copyright,.site-footer .footer-bottom .version{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-400)}.site-footer .footer-bottom .footer-links{display:flex;gap:var(--spacing-6)}@media (max-width: 768px){.site-footer .footer-bottom .footer-links{justify-content:center;flex-wrap:wrap}}.site-footer .footer-bottom .footer-links .footer-link{color:var(--color-gray-400);text-decoration:none;font-size:var(--font-size-sm)}.site-footer .footer-bottom .footer-links .footer-link:hover{color:var(--color-white);text-decoration:underline}.service-request-cta{background-color:var(--color-bg-tertiary);padding:var(--spacing-8);border-radius:var(--border-radius-lg);text-align:center;margin:var(--spacing-12) 0;border:1px solid var(--color-gray-200)}.service-request-cta h3{margin-bottom:var(--spacing-4);color:var(--color-text-primary)}.service-request-cta p{margin-bottom:var(--spacing-6);color:var(--color-text-secondary)}.service-request-cta .btn{margin:0 var(--spacing-2) var(--spacing-2) 0}@media (max-width: 768px){.service-request-cta .btn{display:block;width:100%;margin:0 0 var(--spacing-3) 0}}.resource-request-section{background-color:var(--color-primary-light);padding:var(--spacing-8);border-radius:var(--border-radius-lg);text-align:center;margin:var(--spacing-12) 0;border:1px solid var(--color-primary)}.resource-request-section h3{color:var(--color-primary);margin-bottom:var(--spacing-4)}.resource-request-section p{color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.resource-request-section .btn{margin:0 var(--spacing-2) var(--spacing-2) 0}@media (max-width: 768px){.resource-request-section .btn{display:block;width:100%;margin:0 0 var(--spacing-3) 0}}