*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.7;color:var(--text);background-color:var(--bg);transition:background-color 0.3s ease,color 0.3s ease;min-height:100vh;display:flex;flex-direction:column}img{max-width:100%;height:auto;display:block}a{color:var(--link);text-decoration:none;transition:color 0.2s ease}a:hover{color:var(--link-hover)}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}:root{--color-primary:#1a73e8;--color-primary-dark:#1557b0;--color-secondary:#34a853;--color-accent:#fbbc04;--color-danger:#ea4335;--bg:#ffffff;--bg-surface:#f8f9fa;--bg-card:#ffffff;--text:#202124;--text-secondary:#5f6368;--text-muted:#80868b;--border:#dadce0;--shadow:rgba(0,0,0,0.08);--shadow-lg:rgba(0,0,0,0.12);--link:#1a73e8;--link-hover:#1557b0;--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:2rem;--font-size-4xl:2.5rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--container-max:1200px;--header-height:64px}[data-theme="dark"]{--bg:#1a1a2e;--bg-surface:#16213e;--bg-card:#1f2937;--text:#e4e6eb;--text-secondary:#b0b3b8;--text-muted:#8a8d91;--border:#3a3f47;--shadow:rgba(0,0,0,0.3);--shadow-lg:rgba(0,0,0,0.4);--link:#64b5f6;--link-hover:#90caf9;--color-primary:#64b5f6;--color-primary-dark:#42a5f5}h1,h2,h3,h4,h5,h6{color:var(--text);line-height:1.3;font-weight:700}h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg)}h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-md)}main{flex:1}.section{padding:var(--spacing-2xl) 0}.section-alt{background-color:var(--bg-surface)}.section-title{text-align:center;margin-bottom:var(--spacing-2xl)}.section-title p{max-width:600px;margin:var(--spacing-sm) auto 0}.skip-link{position:absolute;top:-100%;left:var(--spacing-md);background:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);z-index:1000;font-weight:600}.skip-link:focus{top:var(--spacing-sm);color:#fff}.header{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--border);z-index:100;transition:background-color 0.3s ease}.header .container{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.logo{font-size:var(--font-size-xl);font-weight:800;color:var(--color-primary);letter-spacing:-0.5px}.logo:hover{color:var(--color-primary-dark)}.nav-list{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{font-weight:500;color:var(--text);padding:var(--spacing-xs) 0;position:relative}.nav-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-primary);transition:width 0.3s ease}.nav-link:hover::after,.nav-link.active::after{width:100%}.nav-link:hover{color:var(--color-primary)}.nav-link.active{color:var(--color-primary)}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:500;color:var(--text);padding:var(--spacing-xs) 0;cursor:pointer}.nav-dropdown-toggle::after{content:'▾';font-size:0.75rem}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 12px var(--shadow-lg);padding:var(--spacing-sm) 0;z-index:50}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block}.nav-dropdown-menu a{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--text);font-size:var(--font-size-sm)}.nav-dropdown-menu a:hover{background:var(--bg-surface);color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--font-size-xl);transition:background-color 0.2s ease}.theme-toggle:hover{background:var(--bg-surface)}.theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hamburger{display:none;flex-direction:column;gap:5px;width:28px;padding:4px 0}.hamburger span{display:block;height:2px;background:var(--text);border-radius:2px;transition:transform 0.3s ease,opacity 0.3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{background:linear-gradient(135deg,#1a73e8 0%,#0d47a1 100%);color:#ffffff;padding:var(--spacing-3xl) 0;text-align:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,0.1) 0%,transparent 50%)}.hero .container{position:relative;z-index:1}.hero h1{color:#ffffff;font-size:var(--font-size-3xl);max-width:800px;margin:0 auto var(--spacing-md)}.hero-subtitle{font-size:var(--font-size-lg);color:rgba(255,255,255,0.9);max-width:600px;margin:0 auto var(--spacing-xl)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-base);transition:transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease;text-align:center}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:#ffffff;color:var(--color-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2);color:var(--color-primary-dark)}.btn-accent{background:var(--color-accent);color:#202124}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#ffffff}.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.trust-item{text-align:center;padding:var(--spacing-xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform 0.2s ease,box-shadow 0.2s ease}.trust-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow)}.trust-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.trust-item h3{margin-bottom:var(--spacing-sm)}.trust-item p{font-size:var(--font-size-sm)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:transform 0.2s ease,box-shadow 0.2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow)}.feature-icon{font-size:2rem;margin-bottom:var(--spacing-md)}.feature-card h3{margin-bottom:var(--spacing-sm)}.feature-card p{font-size:var(--font-size-sm)}.posts-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease}.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow)}.post-card-body{padding:var(--spacing-lg)}.post-card-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-muted)}.post-card-body h2,.post-card-body h3{margin-bottom:var(--spacing-sm)}.post-card-body h2 a,.post-card-body h3 a{color:var(--text)}.post-card-body h2 a:hover,.post-card-body h3 a:hover{color:var(--color-primary)}.post-card-excerpt{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.read-more{font-weight:600;font-size:var(--font-size-sm);color:var(--color-primary)}.read-more:hover{text-decoration:underline}.category-badge{display:inline-block;padding:2px 10px;background:var(--bg-surface);color:var(--color-primary);border-radius:var(--radius-full);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.section-footer{text-align:center;margin-top:var(--spacing-2xl)}.faq-list{max-width:800px;margin:0 auto}.faq-item{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);overflow:hidden}.faq-item summary{padding:var(--spacing-md) var(--spacing-lg);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color 0.2s ease;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';font-size:var(--font-size-xl);font-weight:400;color:var(--text-muted);transition:transform 0.3s ease;flex-shrink:0;margin-left:var(--spacing-md)}.faq-item[open] summary::after{transform:rotate(45deg)}.faq-item summary:hover{background:var(--bg-surface)}.faq-item summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.faq-answer{padding:0 var(--spacing-lg) var(--spacing-lg);color:var(--text-secondary)}.cta-section{background:linear-gradient(135deg,#1a73e8 0%,#0d47a1 100%);color:#ffffff;text-align:center;padding:var(--spacing-3xl) 0}.cta-section h2{color:#ffffff;margin-bottom:var(--spacing-md)}.cta-section p{color:rgba(255,255,255,0.9);max-width:600px;margin:0 auto var(--spacing-xl)}.footer{background:var(--bg-surface);border-top:1px solid var(--border);padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-md);color:var(--text)}.footer-about p{font-size:var(--font-size-sm);color:var(--text-secondary)}.footer-links li{margin-bottom:var(--spacing-xs)}.footer-links a{font-size:var(--font-size-sm);color:var(--text-secondary)}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--border);padding-top:var(--spacing-lg);text-align:center}.footer-bottom p{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-xs)}.disclaimer{font-size:0.75rem;color:var(--text-muted);font-style:italic}.blog-header{padding:var(--spacing-2xl) 0;background:var(--bg-surface);text-align:center}.blog-controls{max-width:700px;margin:var(--spacing-xl) auto 0}.search-box{width:100%;padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-size-base);background:var(--bg-card);color:var(--text);transition:border-color 0.2s ease;font-family:inherit}.search-box:focus{outline:none;border-color:var(--color-primary)}.search-box::placeholder{color:var(--text-muted)}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md)}.filter-btn{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);transition:all 0.2s ease;background:var(--bg-card)}.filter-btn:hover,.filter-btn.active{background:var(--color-primary);color:#ffffff;border-color:var(--color-primary)}.filter-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.no-results{text-align:center;padding:var(--spacing-3xl);color:var(--text-muted);font-size:var(--font-size-lg);display:none}.article-header{padding:var(--spacing-2xl) 0 var(--spacing-lg)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-muted)}.article-content{max-width:800px;margin:0 auto;padding-bottom:var(--spacing-3xl)}.article-content h2{margin-top:var(--spacing-2xl);padding-top:var(--spacing-md)}.article-content h3{margin-top:var(--spacing-xl)}.article-content p{margin-bottom:var(--spacing-md);line-height:1.8}.article-content ul,.article-content ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.article-content ul{list-style:disc}.article-content ol{list-style:decimal}.article-content li{margin-bottom:var(--spacing-sm);color:var(--text-secondary);line-height:1.7}.article-content a{text-decoration:underline;text-underline-offset:2px}.article-content strong{color:var(--text);font-weight:600}.article-cta{background:var(--bg-surface);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;margin:var(--spacing-2xl) 0}.article-cta h3{color:var(--color-primary)}.related-posts{border-top:1px solid var(--border);padding-top:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.breadcrumb{padding:var(--spacing-md) 0}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.breadcrumb-list li::after{content:'›';margin-left:var(--spacing-xs);color:var(--text-muted)}.breadcrumb-list li:last-child::after{display:none}.breadcrumb-list a{color:var(--text-muted)}.breadcrumb-list a:hover{color:var(--color-primary)}.breadcrumb-list li:last-child{color:var(--text);font-weight:500}.toc{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.toc-title{font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--spacing-md);color:var(--text)}.toc-list{padding-left:0}.toc-list li{margin-bottom:var(--spacing-xs)}.toc-list a{font-size:var(--font-size-sm);color:var(--text-secondary);display:inline-block;padding:2px 0}.toc-list a:hover{color:var(--color-primary)}.toc-list .toc-h3{padding-left:var(--spacing-lg)}.category-header{background:var(--bg-surface);padding:var(--spacing-2xl) 0;text-align:center}.category-header p{max-width:600px;margin:var(--spacing-sm) auto 0}.page-404{text-align:center;padding:var(--spacing-3xl) 0;min-height:60vh;display:flex;align-items:center;justify-content:center}.page-404 .error-code{font-size:8rem;font-weight:900;color:var(--color-primary);line-height:1;margin-bottom:var(--spacing-md)}.page-404 h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.page-404 p{max-width:500px;margin:0 auto var(--spacing-xl)}.page-404 .btn-group{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-md)}.mt-2{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-md)}.mb-2{margin-bottom:var(--spacing-xl)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width:576px){.blog-grid{grid-template-columns:repeat(2,1fr)}.posts-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){:root{--font-size-3xl:2.5rem;--font-size-4xl:3rem}.trust-grid{grid-template-columns:repeat(4,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}.hero{padding:var(--spacing-3xl) 0 calc(var(--spacing-3xl)+1rem)}.hero h1{font-size:var(--font-size-4xl)}}@media (min-width:992px){.features-grid{grid-template-columns:repeat(3,1fr)}.posts-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}@media (max-width:767px){.nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);padding:var(--spacing-md);box-shadow:0 4px 12px var(--shadow-lg)}.nav.active{display:block}.nav-list{flex-direction:column;align-items:stretch;gap:0}.nav-link{display:block;padding:var(--spacing-sm) 0}.nav-dropdown-toggle{padding:var(--spacing-sm) 0;justify-content:space-between}.nav-dropdown-menu{position:static;box-shadow:none;border:none;padding-left:var(--spacing-md);display:none}.nav-dropdown.active .nav-dropdown-menu{display:block}.hamburger{display:flex}.hero h1{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-base)}.page-404 .error-code{font-size:5rem}}