:root{--color-primary: #86B3D1;--color-secondary: #4D6D9A;--color-tertiary: #B8D4EA;--color-quaternary: #FFFFFF;--color-text-primary: #FFFFFF;--color-text-secondary: #F8F9FA;--color-text-light: #E9ECEF;--color-text-dark: #2C3E50;--color-success: #28a745;--color-warning: #ffc107;--color-error: #dc3545;--shadow-light: 0 2px 4px rgba(77, 109, 154, .1);--shadow-medium: 0 8px 20px rgba(44,62,80,.12);--shadow-strong: 0 12px 30px rgba(44,62,80,.18);--border-radius: 12px;--bg-canvas: #eef3f7}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--color-text-primary);background-color:var(--bg-canvas);margin:0;transition:all .3s ease}#root{min-height:100vh;background-color:var(--color-primary)}.site-background{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:1rem 0;background:transparent}.site-card{width:min(1500px,98%);background:var(--color-quaternary);border-radius:14px;padding:1.75rem;box-shadow:var(--shadow-strong);overflow:hidden;display:block;margin:0 auto;transition:transform .2s ease}.site-card>*{width:100%}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;color:var(--color-text-dark);font-weight:600}h1{color:var(--color-secondary);font-size:2.5rem}h2{color:var(--color-secondary);font-size:2rem}h3{color:var(--color-text-dark);font-size:1.5rem}p{margin-bottom:1rem;color:var(--color-text-dark)}a{color:var(--color-secondary);text-decoration:none;transition:all .3s ease}a:hover{color:var(--color-text-primary);opacity:.8}button{background-color:var(--color-secondary);color:var(--color-primary);padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-light)}button:hover{background-color:var(--color-text-primary);transform:translateY(-2px);box-shadow:var(--shadow-medium)}button:active{transform:translateY(0);box-shadow:var(--shadow-light)}nav{background-color:var(--color-primary);border-bottom:2px solid var(--color-tertiary);padding:1rem 2rem;box-shadow:var(--shadow-light)}nav a{color:var(--color-text-primary);font-weight:500;margin:0 1rem;padding:.5rem 1rem;border-radius:var(--border-radius);transition:all .3s ease}nav a:hover,nav a.active{background-color:var(--color-secondary);color:var(--color-primary)}.nav-links{display:flex;gap:.75rem;align-items:center}.nav-link{display:inline-block;padding:.45rem 1rem;border-radius:999px;color:var(--color-text-primary);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);text-decoration:none;font-weight:500;transition:all .18s ease;white-space:nowrap}.nav-link:hover{transform:translateY(-2px);background:#ffffff1f}.nav-link.active{background:#ffffff2e;color:var(--color-primary);border-color:#fff3}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background-color:var(--color-primary);border:1px solid var(--color-tertiary);border-radius:var(--border-radius);padding:2rem;margin:1rem 0;box-shadow:var(--shadow-light);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.page-header{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-text-secondary) 100%);color:var(--color-primary);padding:3rem 0;text-align:center;margin-bottom:2rem}.page-content{background-color:var(--color-primary);padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-light)}.loading{color:var(--color-text-dark);text-align:center;padding:2rem;font-style:italic}.backend-data{background-color:var(--color-quaternary);border:1px solid var(--color-tertiary);border-radius:var(--border-radius);padding:1.5rem;margin:1rem 0;color:var(--color-text-primary)}.backend-data h4{color:var(--color-secondary);margin-bottom:.5rem}.backend-data p{color:var(--color-text-secondary);margin-bottom:.5rem}.hero-card{max-width:1000px;margin:-60px auto 2rem;background:var(--color-quaternary);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow-medium);position:relative;z-index:2}.hero-card h1{margin-top:0;font-size:2rem;color:var(--color-secondary);text-align:center}.carousel-wrapper{display:block;position:relative}.carousel-wrapper img{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:480px){.carousel-wrapper{height:180px!important}}@media(max-width:768px){.container{padding:1rem}nav{padding:1rem}nav div{flex-direction:column!important;align-items:center!important}nav div div{margin-top:1rem}h1{font-size:2rem}h2{font-size:1.5rem}.page-header{padding:2rem 1rem}.nav-links{gap:.5rem;flex-direction:column;background:transparent}.nav-link{padding:.45rem .85rem;white-space:nowrap}}@media(max-width:480px){.site-background{padding:.1rem 0}.site-card{width:100%;padding:0rem;border-radius:6px;box-shadow:var(--shadow-medium)}.hero-card{margin:-30px auto 1rem;padding:1rem}.hero-card h1{font-size:1.4rem;text-align:center}nav{padding:.5rem .75rem!important;background-attachment:scroll!important}.nav-title{font-size:1rem!important}.nav-links{gap:.5rem;flex-direction:column;align-items:flex-end}.nav-link{padding:.35rem .6rem;font-size:.9rem}.carousel-wrapper{height:200px!important}.carousel-wrapper img{height:100%!important;object-fit:cover}.feature-grid{display:block!important}.feature-card{margin-bottom:.75rem;padding:1rem!important;border-radius:10px}}*{scroll-behavior:smooth}.fade-in{animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.about-page{max-width:1000px;margin:0 auto;padding:2rem 2rem 3rem}.about-page h2{color:var(--color-secondary);font-size:2.2rem;margin-bottom:1rem}.about-page p,.about-page li{color:var(--color-text-dark);font-size:1.1rem;line-height:1.8}.about-page section{margin-bottom:2.25rem}.about-page ul{padding-left:1.25rem}@media(max-width:768px){.about-page{padding:1rem 1rem 2rem}.about-page h2{font-size:1.7rem}.about-page p,.about-page li{font-size:1rem;line-height:1.7}}.contact-page{max-width:1000px;margin:0 auto;padding:2rem 2rem 3rem}.contact-title{color:var(--color-secondary);text-align:center;margin:0 0 1rem;font-size:2.4rem}.contact-info{max-width:720px;color:var(--color-text-dark);font-size:1.2rem;line-height:2;margin-bottom:1.5rem}.contact-info .contact-link{color:var(--color-secondary)}.contact-hours .hours-title{font-weight:700;margin:.5rem 0 .25rem}.contact-map{margin:0 0 1rem}.contact-actions{display:flex;justify-content:center;gap:.75rem}@media(max-width:768px){.contact-title{font-size:1.9rem;text-align:center}.contact-info{font-size:1.12rem;line-height:1.9}.contact-actions{justify-content:center}}.app{min-height:100vh;background-color:var(--color-primary)}.main-content{padding-top:2rem;min-height:calc(100vh - 80px)}.logo{height:4em;padding:1em;will-change:filter;transition:filter .3s;border-radius:var(--border-radius)}.logo:hover{filter:drop-shadow(0 0 2em var(--color-secondary))}.home-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-tertiary) 100%);padding:4rem 2rem;text-align:center;border-radius:var(--border-radius);margin-bottom:2rem;box-shadow:var(--shadow-medium)}.home-hero h1{color:var(--color-secondary);font-size:3rem;margin-bottom:1rem;text-shadow:0 2px 4px rgba(162,175,155,.1)}.home-hero p{color:var(--color-text-secondary);font-size:1.2rem;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0}.feature-card{background-color:var(--color-quaternary);border:1px solid var(--color-tertiary);border-radius:var(--border-radius);padding:2rem;text-align:center;transition:all .3s ease;box-shadow:var(--shadow-light)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-strong);border-color:var(--color-secondary)}.feature-card h3{color:var(--color-secondary);margin-bottom:1rem}.feature-card p{color:var(--color-text-secondary)}.form-group{margin-bottom:1.5rem}.form-label{display:block;color:var(--color-text-primary);font-weight:500;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem;border:2px solid var(--color-tertiary);border-radius:var(--border-radius);background-color:var(--color-primary);color:var(--color-text-primary);font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #a2af9b1a}.form-textarea{min-height:120px;resize:vertical}@media(max-width:768px){.home-hero h1{font-size:2rem}.home-hero p{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:1rem}.feature-card{padding:1.5rem}}