:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-secondary:#0f172a;--color-accent:#06b6d4;--color-background:#ffffff;--color-surface:#f8fafc;--color-text:#1e293b;--color-text-muted:#64748b;--color-border:#e2e8f0;--font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-size-base:1rem;--font-size-sm:0.875rem;--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;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--max-width:1200px;--header-height:72px;--transition-fast:150ms ease;--transition-base:200ms ease;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-full:9999px}[data-theme=dark]{--color-background:#0f172a;--color-surface:#1e293b;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-border:#334155}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-background);transition:background-color var(--transition-base),color var(--transition-base)}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:0 0}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--color-text)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}@media(min-width:768px){h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}}p{margin-bottom:var(--spacing-md)}.text-muted{color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);color:#fff}.btn-lg{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-lg)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background:0 0}.btn-outline:hover{background-color:var(--color-primary);color:#fff}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--color-background);border-bottom:1px solid var(--color-border);z-index:100;transition:background-color var(--transition-base)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-text{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.main-nav{display:flex;align-items:center;gap:var(--spacing-xl)}.main-nav ul{display:flex;align-items:center;gap:var(--spacing-lg)}.main-nav a{color:var(--color-text);font-weight:500;transition:color var(--transition-fast)}.main-nav a:hover,.main-nav a.active{color:var(--color-primary)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text);transition:background-color var(--transition-fast)}.theme-toggle:hover{background-color:var(--color-surface)}.theme-toggle .sun{display:block}.theme-toggle .moon{display:none}[data-theme=dark] .theme-toggle .sun{display:none}[data-theme=dark] .theme-toggle .moon{display:block}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;z-index:101}.menu-toggle span{display:block;width:24px;height:2px;background-color:var(--color-text);transition:all var(--transition-fast)}@media(max-width:768px){.menu-toggle{display:flex}.main-nav{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;flex-direction:column;justify-content:center;background-color:var(--color-background);border-left:1px solid var(--color-border);transition:right var(--transition-base)}.main-nav.open{right:0}.main-nav ul{flex-direction:column}.main-nav a{font-size:var(--font-size-lg)}}.hero{padding-top:calc(var(--header-height) + var(--spacing-4xl));padding-bottom:var(--spacing-4xl);text-align:center}.hero h1{margin-bottom:var(--spacing-lg);max-width:800px;margin-left:auto;margin-right:auto}.hero .subtitle{font-size:var(--font-size-xl);color:var(--color-text-muted);max-width:600px;margin:0 auto var(--spacing-xl)}.hero .btn{margin-top:var(--spacing-md)}.section{padding:var(--spacing-4xl)0}.section-alt{background-color:var(--color-surface)}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-header h2{margin-bottom:var(--spacing-md)}.section-header p{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:600px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.service-card{padding:var(--spacing-xl);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.service-card .icon{width:48px;height:48px;margin-bottom:var(--spacing-md);color:var(--color-primary)}.service-card h3{margin-bottom:var(--spacing-sm);font-size:var(--font-size-xl)}.service-card p{color:var(--color-text-muted);margin-bottom:0}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.value-item{text-align:center;padding:var(--spacing-lg)}.value-item .icon{width:64px;height:64px;margin:0 auto var(--spacing-md);color:var(--color-primary)}.value-item h3{margin-bottom:var(--spacing-sm)}.value-item p{color:var(--color-text-muted);margin-bottom:0}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);counter-reset:step}.process-step{position:relative;padding:var(--spacing-lg);text-align:center}.process-step::before{counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto var(--spacing-md);background-color:var(--color-primary);color:#fff;font-size:var(--font-size-xl);font-weight:600;border-radius:var(--radius-full)}.process-step h3{margin-bottom:var(--spacing-sm);font-size:var(--font-size-lg)}.process-step p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:0}.cta-section{padding:var(--spacing-4xl)0;background-color:var(--color-secondary);color:#fff;text-align:center}.cta-section h2{color:#fff;margin-bottom:var(--spacing-md)}.cta-section p{color:rgba(255,255,255,.8);font-size:var(--font-size-lg);max-width:600px;margin:0 auto var(--spacing-xl)}.site-footer{padding:var(--spacing-3xl)0 var(--spacing-xl);background-color:var(--color-surface);border-top:1px solid var(--color-border)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}}.footer-brand p{margin-top:var(--spacing-md);color:var(--color-text-muted);max-width:300px}.footer-links h4,.footer-contact h4{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.footer-links ul,.footer-contact ul{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a,.footer-contact a{color:var(--color-text)}.footer-links a:hover,.footer-contact a:hover{color:var(--color-primary)}.footer-bottom{padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);text-align:center}.footer-bottom p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.page-header{padding-top:calc(var(--header-height) + var(--spacing-3xl));padding-bottom:var(--spacing-2xl);text-align:center;background-color:var(--color-surface)}.page-header h1{margin-bottom:var(--spacing-md)}.page-header p{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:600px;margin:0 auto}.page-content{padding:var(--spacing-3xl)0}.page-content.prose{max-width:800px;margin:0 auto}.page-content.prose h2{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md)}.page-content.prose ul{list-style:disc;padding-left:var(--spacing-xl);margin-bottom:var(--spacing-md)}.page-content.prose li{margin-bottom:var(--spacing-sm)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl)}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}}.contact-info h3{margin-bottom:var(--spacing-md)}.contact-info p{color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.contact-info ul{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-info li{display:flex;align-items:center;gap:var(--spacing-md)}.contact-info .icon{width:24px;height:24px;color:var(--color-primary)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-weight:500;font-size:var(--font-size-sm)}.form-group input,.form-group textarea{padding:var(--spacing-sm)var(--spacing-md);font-family:inherit;font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{min-height:150px;resize:vertical}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}@media(max-width:768px){.about-content{grid-template-columns:1fr}}.about-text h2{margin-bottom:var(--spacing-md)}.about-image{background-color:var(--color-surface);border-radius:var(--radius-lg);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl)}.article-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.article-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.article-card-link{display:block;text-decoration:none;color:inherit}.article-card-content{padding:var(--spacing-xl)}.article-card .article-date{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.article-card .article-title{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--spacing-sm);transition:color var(--transition-fast)}.article-card:hover .article-title{color:var(--color-primary)}.article-card .article-excerpt{color:var(--color-text-muted);margin-bottom:var(--spacing-md);line-height:1.6}.article-card .article-read-more{font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary)}.article-header{padding-top:calc(var(--header-height) + var(--spacing-3xl));padding-bottom:var(--spacing-2xl);background-color:var(--color-surface)}.article-header .article-date{display:block;font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500;margin-bottom:var(--spacing-md)}.article-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);max-width:800px}@media(min-width:768px){.article-header h1{font-size:var(--font-size-5xl)}}.article-header .article-description{font-size:var(--font-size-xl);color:var(--color-text-muted);max-width:700px;margin-bottom:var(--spacing-md)}.article-header .article-author{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.article-content{padding:var(--spacing-3xl)0}.article-content .prose{max-width:700px}.article-content .prose h2{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);font-size:var(--font-size-2xl)}.article-content .prose h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);font-size:var(--font-size-xl)}.article-content .prose p{margin-bottom:var(--spacing-lg);line-height:1.75}.article-content .prose ul,.article-content .prose ol{list-style-position:outside;padding-left:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.article-content .prose ul{list-style-type:disc}.article-content .prose ol{list-style-type:decimal}.article-content .prose li{margin-bottom:var(--spacing-sm);line-height:1.75}.article-content .prose strong{font-weight:600}.article-content .prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-2xl)0}.article-content .prose em{color:var(--color-text-muted)}.article-footer{padding:var(--spacing-xl)0 var(--spacing-3xl);border-top:1px solid var(--color-border)}.article-footer .container{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:700px}.article-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag{display:inline-block;padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-primary);background-color:var(--color-surface);border-radius:var(--radius-sm)}.back-link{font-weight:500;color:var(--color-text-muted)}.back-link:hover{color:var(--color-primary)}.latest-articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.section-header .view-all{display:inline-block;margin-top:var(--spacing-md);font-weight:500}.text-center{text-align:center}