*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{--primary:#1a5f7a;--primary-dark:#134b5f;--secondary:#57c5b6;--accent:#159895;--light:#f8fffe;--dark:#1a1a2e;--gray:#6b7280;--gray-light:#e5e7eb;--gradient:linear-gradient(135deg,#1a5f7a 0%,#159895 50%,#57c5b6 100%);--shadow: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);--radius:8px;--transition:all 0.3s ease}

html{scroll-behavior:smooth}

body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.7;color:var(--dark);background:var(--light)}

.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}

a{color:var(--primary);text-decoration:none;transition:var(--transition)}

a:hover{color:var(--accent)}

.site-header{background:var(--gradient);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-lg)}

.site-header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}

.logo{font-size:1.75rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.2);letter-spacing:1px}

.main-nav{display:flex;gap:0.5rem;flex-wrap:wrap}

.main-nav a{color:#fff;padding:0.5rem 1rem;border-radius:var(--radius);transition:var(--transition);font-weight:500}

.main-nav a:hover,.main-nav a.active{background:rgba(255,255,255,0.2);color:#fff;transform:translateY(-2px)}

.hero{background:var(--gradient);color:#fff;padding:4rem 0;text-align:center}

.hero h1{font-size:2.5rem;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,0.2);animation:fadeInUp 0.8s ease}

.hero-text{font-size:1.125rem;max-width:900px;margin:0 auto;line-height:1.9;animation:fadeInUp 0.8s ease 0.2s both}

.hero-text a{color:#fff;text-decoration:underline;font-weight:600}

.hero-text a:hover{color:var(--gray-light)}

.page-hero{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);color:#fff;padding:3rem 0;text-align:center}

.page-hero h1{font-size:2.25rem;margin-bottom:1rem}

.page-hero p{max-width:800px;margin:0 auto;opacity:0.95}

.breadcrumb{padding:1rem 0;font-size:0.9rem;color:var(--gray)}

.breadcrumb a{color:var(--primary);font-weight:500}

.breadcrumb a:hover{text-decoration:underline}

.breadcrumb span{color:var(--dark);font-weight:600}

section{padding:4rem 0}

section:nth-child(even){background:linear-gradient(180deg,#f0fdfa 0%,#fff 100%)}

h2{font-size:1.875rem;color:var(--primary-dark);margin-bottom:1.5rem;position:relative;display:inline-block}

h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:var(--gradient);border-radius:2px}

p{margin-bottom:1.25rem;color:#374151}

table{width:100%;border-collapse:collapse;margin:2rem 0;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg)}

thead{background:var(--gradient);color:#fff}

th{padding:1rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:0.85rem;letter-spacing:0.5px}

td{padding:1rem;border-bottom:1px solid var(--gray-light)}

tr{transition:var(--transition)}

tbody tr:hover{background:linear-gradient(90deg,#f0fdfa 0%,#fff 100%);transform:scale(1.01)}

tbody tr:last-child td{border-bottom:none}

.faq-section{background:linear-gradient(180deg,#fff 0%,#f0fdfa 100%)}

.faq-item{background:#fff;border-radius:var(--radius);padding:2rem;margin-bottom:1.5rem;box-shadow:var(--shadow);transition:var(--transition);border-left:4px solid var(--secondary)}

.faq-item:hover{box-shadow:var(--shadow-lg);transform:translateX(5px);border-left-color:var(--primary)}

.faq-item h2{font-size:1.25rem;color:var(--primary-dark);margin-bottom:1rem}

.faq-item h2::after{display:none}

.faq-item p{margin-bottom:0.75rem;color:#4b5563}

.faq-item p:last-child{margin-bottom:0}

.story-section,.values-section,.team-section,.contact-section{position:relative}

.values-section p strong{color:var(--primary-dark);font-size:1.05rem}

.resources-section{background:linear-gradient(135deg,#f0fdfa 0%,#e0f7f5 100%)}

.site-footer{background:var(--dark);color:#fff;padding:2.5rem 0}

.footer-content{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}

.footer-brand{font-size:1.5rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.footer-nav{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}

.footer-nav a{color:var(--gray-light);transition:var(--transition)}

.footer-nav a:hover{color:var(--secondary);transform:translateY(-2px)}

.copyright{color:var(--gray);font-size:0.9rem}

@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}

.services,.why-choose,.how-it-works,.key-info{animation:fadeInUp 0.6s ease}

@media(max-width:768px){.site-header .container{flex-direction:column;text-align:center}.main-nav{justify-content:center}.hero h1,.page-hero h1{font-size:1.875rem}.hero{padding:3rem 0}h2{font-size:1.5rem}section{padding:2.5rem 0}table{font-size:0.875rem}th,td{padding:0.75rem 0.5rem}.faq-item{padding:1.5rem}.footer-nav{gap:1rem}}

@media(max-width:480px){.container{padding:0 15px}.hero h1{font-size:1.5rem}.hero-text{font-size:1rem}table{display:block;overflow-x:auto}}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}