:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#dbeafe;--color-text:#1f2937;--color-text-light:#6b7280;--color-bg:#fff;--color-bg-alt:#f9fafb;--color-border:#e5e7eb;--color-accent:#10b981;--color-accent-dark:#059669;--color-white:#fff;--color-danger:#ef4444;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.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;--line-height-base:1.7;--line-height-tight:1.3;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--container-max:1200px;--container-padding:1rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--transition-fast:.15s ease;--transition-base:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background:radial-gradient(ellipse at 20% 0%, #2563eb08 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, #10b98108 0%, transparent 50%), var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--line-height-tight);color:var(--color-text)}h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-lg)}h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-md)}h3{font-size:var(--font-size-xl);margin-bottom:var(--space-md)}h4{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-md)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}ul,ol{padding-left:var(--space-xl);margin-bottom:var(--space-md)}li{margin-bottom:var(--space-xs)}blockquote{border-left:4px solid var(--color-primary);padding:var(--space-md) var(--space-lg);margin:var(--space-lg) 0;background:var(--color-bg-alt);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}img{max-width:100%;height:auto;display:block}.container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.section{padding:var(--space-3xl) 0}.section-alt{padding:var(--space-3xl) 0;background-color:var(--color-bg-alt)}.section-title{font-size:var(--font-size-2xl);text-align:center;margin-bottom:var(--space-sm);font-weight:700}.section-subtitle{text-align:center;color:var(--color-text-light);margin-bottom:var(--space-2xl);max-width:600px;margin-left:auto;margin-right:auto}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:2px solid #0000;padding:.625rem 1.25rem;line-height:1.5;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-white)}.btn-secondary{background-color:var(--color-bg-alt);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background-color:var(--color-border);color:var(--color-text)}.btn-outline{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-white)}.btn-large{font-size:var(--font-size-lg);border-radius:var(--radius-lg);padding:.875rem 2rem}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:box-shadow var(--transition-base), transform var(--transition-base);color:inherit;height:100%;text-decoration:none;display:block;position:relative}.card:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--color-primary), var(--color-accent));opacity:0;transition:opacity var(--transition-base);z-index:-1;position:absolute;inset:-1px}.card:hover{color:inherit;transform:translateY(-2px);box-shadow:0 8px 30px #2563eb26}.card:hover:before{opacity:1}.card-icon{margin-bottom:var(--space-md);font-size:2rem}.card-title{font-size:var(--font-size-lg);margin-bottom:var(--space-sm);color:var(--color-text);font-weight:600}.card-description{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:var(--line-height-base)}.card-meta{font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--space-md)}.header{z-index:100;background:var(--color-white);border-bottom:1px solid var(--color-border);padding:var(--space-md) 0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.header-logo{font-size:var(--font-size-xl);color:var(--color-text);flex-shrink:0;font-weight:700;text-decoration:none}.header-logo:hover{color:var(--color-primary)}.header-nav{align-items:center;gap:var(--space-lg);display:none}.header-nav-link{font-size:var(--font-size-sm);color:var(--color-text-light);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.header-nav-link:hover{color:var(--color-primary)}.header-cta{display:none}.header-burger{cursor:pointer;padding:var(--space-sm);z-index:110;background:0 0;border:none;flex-direction:column;gap:5px;display:flex}.header-burger span{background:var(--color-text);width:24px;height:2px;transition:transform var(--transition-fast);border-radius:2px;display:block}.header-burger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.header-burger.active span:nth-child(2){opacity:0}.header-burger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{background:var(--color-white);z-index:105;padding:5rem var(--space-xl) var(--space-xl);gap:var(--space-lg);flex-direction:column;display:none;position:fixed;inset:0}.mobile-menu.open{display:flex}.mobile-menu-link{font-size:var(--font-size-xl);color:var(--color-text);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border);font-weight:600;text-decoration:none}.mobile-menu-link:hover{color:var(--color-primary)}.footer{background:var(--color-text);color:var(--color-bg-alt);padding:var(--space-2xl) 0 var(--space-lg)}.footer-inner{gap:var(--space-xl);margin-bottom:var(--space-xl);grid-template-columns:1fr;display:grid}.footer-brand{font-size:var(--font-size-xl);color:var(--color-white);margin-bottom:var(--space-sm);font-weight:700}.footer-description{font-size:var(--font-size-sm);color:#9ca3af;line-height:var(--line-height-base)}.footer-heading{font-size:var(--font-size-sm);color:var(--color-white);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);font-weight:600}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:var(--space-sm)}.footer-links a{color:#9ca3af;font-size:var(--font-size-sm);transition:color var(--transition-fast);text-decoration:none}.footer-links a:hover{color:var(--color-white)}.footer-bottom{padding-top:var(--space-lg);gap:var(--space-md);text-align:center;border-top:1px solid #374151;flex-direction:column;align-items:center;display:flex}.footer-copyright{font-size:var(--font-size-sm);color:#9ca3af}.hero{text-align:center;background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-bg) 100%);padding:6rem 0 4rem;position:relative;overflow:hidden}.hero>*{z-index:1;position:relative}.hero-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-lg);font-weight:800;line-height:var(--line-height-tight)}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-light);max-width:600px;margin:0 auto var(--space-xl);line-height:var(--line-height-base)}.hero-cta{gap:var(--space-md);flex-direction:column;align-items:center;display:flex}.grid{gap:var(--space-lg);display:grid}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.steps{gap:var(--space-xl);counter-reset:step-counter;display:grid}.step{text-align:center;counter-increment:step-counter}.step-number{background:var(--color-primary);width:3rem;height:3rem;color:var(--color-white);font-size:var(--font-size-xl);margin-bottom:var(--space-md);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.step-title{font-size:var(--font-size-lg);margin-bottom:var(--space-sm);font-weight:600}.step-description{color:var(--color-text-light);font-size:var(--font-size-sm)}.faq-list{max-width:800px;margin:0 auto}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-md);overflow:hidden}.faq-question{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-lg);background:var(--color-white);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);text-align:left;transition:background var(--transition-fast);border:none;font-weight:600;display:flex}.faq-question:hover{background:var(--color-bg-alt)}.faq-question-icon{font-size:var(--font-size-xl);transition:transform var(--transition-base);color:var(--color-text-light);flex-shrink:0}.faq-answer{padding:0 var(--space-lg) var(--space-lg);color:var(--color-text-light);line-height:var(--line-height-base)}.ambient-background{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.ambient-glow{filter:blur(100px);opacity:.4;will-change:transform;border-radius:50%;position:absolute}.ambient-glow--blue{background:radial-gradient(circle,#2563eb99 0%,#0000 70%);width:800px;height:800px;animation:20s ease-in-out infinite ambient-float-1;top:-100px;left:50%;transform:translate(-50%)}.ambient-glow--green{background:radial-gradient(circle,#10b98180 0%,#0000 70%);width:700px;height:700px;animation:25s ease-in-out infinite ambient-float-2;top:40%;right:-100px}.ambient-glow--purple{background:radial-gradient(circle,#8b5cf673 0%,#0000 70%);width:650px;height:650px;animation:22s ease-in-out infinite ambient-float-3;bottom:-50px;left:-100px}@keyframes ambient-float-1{0%,to{transform:translate(-50%)translateY(0)scale(1)}33%{transform:translate(-50%)translateY(30px)scale(1.05)}66%{transform:translate(-50%)translateY(-20px)scale(.95)}}@keyframes ambient-float-2{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-40px)scale(1.08)}}@keyframes ambient-float-3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px)scale(1.05)}}header,main,footer{z-index:1;position:relative}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section,.section-alt{animation:.6s ease-out fade-in-up}.cta-block{text-align:center;padding:var(--space-3xl) var(--space-xl);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);border-radius:var(--radius-xl);color:var(--color-white);z-index:1;position:relative}.cta-block .cta-title{font-size:var(--font-size-2xl);color:var(--color-white);margin-bottom:var(--space-md);font-weight:700}.cta-block .cta-description{font-size:var(--font-size-lg);color:#ffffffe6;margin-bottom:var(--space-xl);max-width:500px;margin-left:auto;margin-right:auto}.cta-block .btn{background:var(--color-white);color:var(--color-primary);border-color:var(--color-white)}.cta-block .btn:hover{background:var(--color-bg-alt);color:var(--color-primary-dark)}.breadcrumbs{padding:var(--space-md) 0;font-size:var(--font-size-sm);color:var(--color-text-light)}.breadcrumbs ol{align-items:center;gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{align-items:center;gap:var(--space-xs);margin:0;display:flex}.breadcrumbs li:not(:last-child):after{content:"→";color:var(--color-border);margin-left:var(--space-xs)}.breadcrumbs a{color:var(--color-text-light);text-decoration:none}.breadcrumbs a:hover{color:var(--color-primary)}.breadcrumbs [aria-current=page]{color:var(--color-text);font-weight:500}.article-content{max-width:760px;font-size:var(--font-size-lg);margin:0 auto;line-height:1.8}.article-content h1{font-size:var(--font-size-3xl);margin-top:var(--space-2xl);margin-bottom:var(--space-lg);scroll-margin-top:5rem}.article-content h2{font-size:var(--font-size-2xl);margin-top:var(--space-2xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border);scroll-margin-top:5rem}.article-content h3{font-size:var(--font-size-xl);margin-top:var(--space-xl);margin-bottom:var(--space-md);scroll-margin-top:5rem}.article-content h4{font-size:var(--font-size-lg);margin-top:var(--space-lg);margin-bottom:var(--space-sm);scroll-margin-top:5rem}.article-content h5,.article-content h6{font-size:var(--font-size-base);margin-top:var(--space-lg);margin-bottom:var(--space-sm);scroll-margin-top:5rem}.article-content p{margin-bottom:var(--space-lg);color:var(--color-text)}.article-content ul,.article-content ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.article-content li{margin-bottom:var(--space-sm);line-height:1.7}.article-content blockquote{border-left:4px solid var(--color-primary);padding:var(--space-lg) var(--space-xl);margin:var(--space-xl) 0;background:var(--color-primary-light);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text);font-style:italic}.article-content blockquote p{margin-bottom:var(--space-sm)}.article-content blockquote p:last-child{margin-bottom:0}.article-content pre{color:#e2e8f0;padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-xl);font-size:var(--font-size-sm);background:#1e293b;line-height:1.6;overflow-x:auto}.article-content code{font-family:Courier New,Courier,monospace;font-size:.9em}.article-content p code,.article-content li code{background:var(--color-bg-alt);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-danger);padding:.15em .4em}.article-content a{color:var(--color-primary);text-underline-offset:2px;transition:color var(--transition-fast);text-decoration:underline;text-decoration-thickness:1px}.article-content a:hover{color:var(--color-primary-dark)}.article-content hr{border:none;border-top:2px solid var(--color-border);margin:var(--space-2xl) 0}.article-content strong{color:var(--color-text);font-weight:700}.article-table-wrapper{margin-bottom:var(--space-xl);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow-x:auto}.article-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.article-table th{background:var(--color-bg-alt);text-align:left;padding:var(--space-md) var(--space-lg);border-bottom:2px solid var(--color-border);white-space:nowrap;font-weight:600}.article-table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);vertical-align:top}.article-table tbody tr:last-child td{border-bottom:none}.article-table tbody tr:hover{background:var(--color-bg-alt)}.article-cta{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);border-radius:12px;align-items:center;gap:1rem;max-width:680px;margin:2rem auto;padding:1.75rem 2rem;display:flex;box-shadow:0 4px 20px #2563eb40}.article-cta--secondary{color:var(--color-text);background:linear-gradient(135deg,#f0f7ff 0%,#e0ecff 100%);box-shadow:0 4px 20px #2563eb1a}.article-cta__icon{flex-shrink:0;font-size:2rem}.article-cta__content{flex:1}.article-cta__text{color:inherit;margin:0 0 .75rem;font-size:1.05rem;font-weight:600;line-height:1.4}.article-cta__button{color:#2563eb;background:#fff;border-radius:8px;padding:.6rem 1.5rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 2px 8px #00000026}.article-cta__button:hover{background:#f0f7ff;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.article-cta--secondary .article-cta__button{color:#fff;background:#2563eb}.article-cta--secondary .article-cta__button:hover{background:#1e40af}@media (max-width:600px){.article-cta{text-align:center;flex-direction:column;padding:1.5rem}}.article-meta{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.article-meta__item{align-items:center;gap:var(--space-xs);display:inline-flex}.article-meta__icon{font-size:var(--font-size-sm)}.article-meta__separator{color:var(--color-border)}.article-meta__category{color:var(--color-primary);align-items:center;gap:var(--space-xs);transition:color var(--transition-fast);font-weight:500;text-decoration:none;display:inline-flex}.article-meta__category:hover{color:var(--color-primary-dark);text-decoration:underline}.related-articles{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:2px solid var(--color-border)}.related-articles__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-xl);text-align:center;font-weight:700}.related-articles__grid{gap:var(--space-lg);grid-template-columns:1fr;display:grid}.related-articles__card{padding:var(--space-lg);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;transition:box-shadow var(--transition-base), transform var(--transition-base);text-decoration:none;display:block}.related-articles__card:hover{box-shadow:var(--shadow-lg);color:inherit;transform:translateY(-2px)}.related-articles__category{font-size:var(--font-size-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);font-weight:600;display:block}.related-articles__card-title{font-size:var(--font-size-lg);margin-bottom:var(--space-sm);color:var(--color-text);font-weight:600;line-height:var(--line-height-tight)}.related-articles__card-desc{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:var(--line-height-base);margin-bottom:var(--space-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.related-articles__card-meta{font-size:var(--font-size-xs);color:var(--color-text-light)}.placeholder-card{background:var(--color-bg-alt);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;color:var(--color-text-light)}.blog-hub__intro{max-width:800px;margin:0 auto var(--space-2xl);text-align:center;color:var(--color-text-light);line-height:var(--line-height-base)}.blog-hub__intro p{margin-bottom:var(--space-md)}.category-grid,.articles-list{gap:var(--space-lg);grid-template-columns:1fr;display:grid}.category-page__intro{max-width:800px;margin:0 auto var(--space-2xl);text-align:center;color:var(--color-text-light)}.category-page__empty{text-align:center;color:var(--color-text-light);font-size:var(--font-size-lg);padding:var(--space-3xl) 0}.article-page h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-lg);font-weight:800;line-height:var(--line-height-tight)}.not-found{text-align:center;padding:var(--space-3xl) 0}.not-found__description{font-size:var(--font-size-lg);color:var(--color-text-light);max-width:500px;margin:0 auto var(--space-2xl)}.not-found__actions{gap:var(--space-md);flex-direction:column;align-items:center;display:flex}@media (min-width:768px){:root{--container-padding:1.5rem}h1{font-size:var(--font-size-4xl)}.hero{padding:var(--space-4xl) 0;overflow:hidden}.hero-title{font-size:var(--font-size-4xl)}.hero-cta{flex-direction:row;justify-content:center}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.footer-inner{grid-template-columns:2fr 1fr 1fr}.footer-bottom{flex-direction:row;justify-content:space-between}.header-nav{display:flex}.header-cta{display:inline-flex}.header-burger{display:none}.related-articles__grid,.category-grid,.articles-list{grid-template-columns:repeat(2,1fr)}.not-found__actions{flex-direction:row;justify-content:center}.article-page h1{font-size:var(--font-size-4xl)}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.related-articles__grid{grid-template-columns:repeat(2,1fr)}.category-grid,.articles-list{grid-template-columns:repeat(3,1fr)}}