.site-footer *,.site-footer *:before,.site-footer *:after{box-sizing:border-box;margin:0;padding:0}.site-footer{position:relative;background:#050505;color:#71717a;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.9rem;overflow:hidden}.site-footer:before{content:"";position:absolute;top:-120px;left:50%;transform:translate(-50%);width:900px;height:300px;background:radial-gradient(ellipse at center,rgba(99,102,241,.08) 0%,transparent 70%);pointer-events:none}.footer-inner{position:relative;max-width:1200px;margin:0 auto;padding:0 2rem;z-index:1}.footer-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3.5rem 3rem;margin:3rem 0;background:linear-gradient(135deg,#0f0f1a,#0a0a14);border:1px solid rgba(99,102,241,.2);border-radius:20px;flex-wrap:wrap;position:relative;overflow:hidden}.footer-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.1) 0%,transparent 60%);pointer-events:none}.footer-cta-text h3{font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.2;margin-bottom:.4rem}.footer-cta-text p{color:#71717a;font-size:.9rem}.footer-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-cta-primary{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#000;padding:.75rem 1.5rem;border-radius:8px;font-weight:700;font-size:.875rem;text-decoration:none;transition:background .2s,transform .15s;white-space:nowrap}.btn-cta-primary:hover{background:#e4e4e7;transform:translateY(-1px)}.btn-cta-secondary{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:#a1a1aa;padding:.75rem 1.5rem;border-radius:8px;border:1px solid #2a2a2a;font-weight:600;font-size:.875rem;text-decoration:none;transition:border-color .2s,color .2s,transform .15s;white-space:nowrap}.btn-cta-secondary:hover{border-color:#fff;color:#fff;transform:translateY(-1px)}.footer-top-bar{display:flex;justify-content:space-between;align-items:flex-start;padding:0 0 3rem;border-bottom:1px solid #141414;gap:2rem;flex-wrap:wrap}.footer-brand{display:flex;flex-direction:column;gap:.75rem}.footer-logo{text-decoration:none;display:inline-flex;align-items:center}.footer-logo img{height:70px;width:auto;display:block}.footer-tagline{font-size:.8rem;color:#3f3f46;letter-spacing:.06em;text-transform:uppercase}.footer-trust-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.trust-badge{display:inline-flex;align-items:center;gap:.35rem;background:#0f0f0f;border:1px solid #1f1f1f;border-radius:20px;padding:.3rem .75rem;font-size:.72rem;color:#52525b;font-weight:500}.trust-badge svg{color:#6366f1;flex-shrink:0}.footer-newsletter-block{max-width:340px}.footer-newsletter-block h4{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:.3rem}.footer-newsletter-block p{color:#52525b;font-size:.8rem;margin-bottom:1rem;line-height:1.5}.newsletter-form{display:flex;gap:0;border:1px solid #2a2a2a;border-radius:10px;overflow:hidden;background:#0f0f0f;transition:border-color .2s}.newsletter-form:focus-within{border-color:#6366f1}.newsletter-input{background:transparent;border:none;color:#fff;padding:.7rem 1rem;font-size:.85rem;flex:1;outline:none;min-width:0}.newsletter-input::placeholder{color:#3f3f46}.newsletter-btn{background:#6366f1;color:#fff;border:none;padding:.7rem 1.1rem;font-weight:700;font-size:.8rem;cursor:pointer;transition:background .2s;white-space:nowrap;letter-spacing:.02em}.newsletter-btn:hover{background:#4f46e5}.newsletter-disclaimer{font-size:.72rem;color:#3f3f46;margin-top:.6rem}.footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:3rem 0;border-bottom:1px solid #141414}.footer-col h5{color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.25rem}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin-bottom:.65rem}.footer-col ul li a{color:#52525b;text-decoration:none;font-size:.875rem;transition:color .15s,padding-left .15s;display:inline-flex;align-items:center;gap:.35rem}.footer-col ul li a:before{content:"";width:0;height:1px;background:#6366f1;transition:width .2s;flex-shrink:0}.footer-col ul li a:hover{color:#fff}.footer-col ul li a:hover:before{width:10px}.footer-stats{display:flex;gap:0;padding:2rem 0;border-bottom:1px solid #141414}.footer-stat{flex:1;text-align:center;padding:0 1rem;border-right:1px solid #141414}.footer-stat:last-child{border-right:none}.footer-stat-num{font-size:1.75rem;font-weight:900;color:#fff;letter-spacing:-.04em;line-height:1;display:block}.footer-stat-label{font-size:.72rem;color:#3f3f46;text-transform:uppercase;letter-spacing:.06em;margin-top:.3rem;display:block}.footer-bottom-bar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;flex-wrap:wrap;gap:1rem}.footer-bottom-left{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.footer-copy{font-size:.78rem;color:#2a2a2a}.footer-copy strong{color:#3f3f46}.footer-legal-links{display:flex;gap:1.25rem;list-style:none}.footer-legal-links a{font-size:.78rem;color:#2a2a2a;text-decoration:none;transition:color .15s}.footer-legal-links a:hover{color:#71717a}.footer-social{display:flex;gap:.5rem}.social-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#0f0f0f;border:1px solid #1a1a1a;color:#52525b;transition:background .2s,border-color .2s,color .2s,transform .15s;text-decoration:none}.social-icon:hover{background:#1a1a1a;border-color:#2a2a2a;color:#fff;transform:translateY(-2px)}.footer-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:#3f3f46}.status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e80;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:900px){.footer-cols{grid-template-columns:repeat(2,1fr)}.footer-stats{flex-wrap:wrap}.footer-stat{min-width:50%;border-right:none;border-bottom:1px solid #141414}.footer-stat:nth-child(odd){border-right:1px solid #141414}.footer-cta{flex-direction:column}}@media(max-width:640px){.footer-top-bar{flex-direction:column}.footer-newsletter-block{max-width:100%}.footer-cols{grid-template-columns:1fr 1fr;gap:1.5rem}.footer-cta{padding:2rem 1.5rem}.footer-cta-text h3{font-size:1.3rem}.footer-bottom-bar{flex-direction:column;align-items:flex-start}}.header-logo{font-size:1.6rem;font-weight:900;color:#fff;letter-spacing:-.06em;text-decoration:none;line-height:1;flex-shrink:0;display:flex;align-items:center;gap:.2rem}.header-logo .logo-dot{color:var(--hdr-accent)}.site-header *,.site-header *:before,.site-header *:after,.mobile-menu *,.mobile-menu *:before,.mobile-menu *:after{box-sizing:border-box;margin:0;padding:0}:root{--hdr-height: 68px;--hdr-bg: rgba(5,5,5,.85);--hdr-border: rgba(255,255,255,.06);--hdr-accent: #6366f1;--hdr-text: #a1a1aa;--hdr-text-hover: #fff;--hdr-font: "Inter", system-ui, -apple-system, sans-serif}.site-header{position:fixed;top:0;left:0;width:100%;height:var(--hdr-height);background:var(--hdr-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--hdr-border);z-index:1000;font-family:var(--hdr-font);transition:background .3s,box-shadow .3s}.site-header.scrolled{background:#050505f7;box-shadow:0 1px 40px #00000080}.header-announce{background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);background-size:200% 100%;animation:shimmer-bar 4s linear infinite;color:#fff;font-size:.72rem;font-weight:600;text-align:center;padding:.35rem 1rem;letter-spacing:.04em;position:relative;cursor:pointer}.header-announce a{color:#fff;text-decoration:none}.header-announce a:hover{text-decoration:underline}@keyframes shimmer-bar{0%{background-position:0% 50%}to{background-position:200% 50%}}.header-inner{max-width:1200px;margin:0 auto;padding:0 2rem;height:var(--hdr-height);display:flex;align-items:center;justify-content:space-between;gap:2rem}.header-logo{text-decoration:none;line-height:1;flex-shrink:0;display:flex;align-items:center;gap:.5rem}.header-logo img{height:58px;width:auto;display:block}.header-logo .logo-badge{font-size:.55rem;font-weight:700;letter-spacing:.08em;background:#6366f126;border:1px solid rgba(99,102,241,.3);color:var(--hdr-accent);border-radius:4px;padding:.15rem .4rem;margin-left:.35rem;text-transform:uppercase;vertical-align:middle;align-self:center;margin-top:2px}.header-nav{display:flex;align-items:center}.header-nav ul{display:flex;list-style:none;gap:.25rem;align-items:center}.header-nav ul li a{display:flex;align-items:center;gap:.3rem;color:var(--hdr-text);text-decoration:none;font-size:.875rem;font-weight:500;padding:.45rem .75rem;border-radius:7px;transition:color .15s,background .15s;white-space:nowrap;position:relative}.header-nav ul li a:hover{color:var(--hdr-text-hover);background:#ffffff0d}.header-nav ul li a.active{color:#fff;background:#6366f11f}.nav-badge-new{font-size:.6rem;font-weight:700;background:var(--hdr-accent);color:#fff;border-radius:4px;padding:.1rem .35rem;letter-spacing:.04em;text-transform:uppercase;line-height:1.4}.has-dropdown{position:relative}.has-dropdown>a .chevron{transition:transform .2s;opacity:.5}.has-dropdown:hover>a .chevron{transform:rotate(180deg);opacity:1}.dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#111;border:1px solid #1f1f1f;border-radius:12px;padding:.5rem;min-width:200px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s,visibility .15s;transform:translate(-50%) translateY(-6px);box-shadow:0 20px 60px #0009;z-index:10}.has-dropdown:hover .dropdown{opacity:1;visibility:visible;pointer-events:all;transform:translate(-50%) translateY(0)}.dropdown a{display:flex!important;align-items:center!important;gap:.6rem!important;padding:.55rem .75rem!important;border-radius:7px!important;color:#71717a!important;font-size:.85rem!important;background:none!important}.dropdown a:hover{color:#fff!important;background:#ffffff0d!important}.dropdown-icon{width:28px;height:28px;background:#1a1a1a;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--hdr-accent);flex-shrink:0}.dropdown-text{display:flex;flex-direction:column}.dropdown-label{color:#e4e4e7;font-weight:600;font-size:.82rem}.dropdown-desc{color:#52525b;font-size:.72rem;margin-top:.1rem}.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.header-theme-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #1f1f1f;border-radius:8px;color:#52525b;cursor:pointer;transition:color .15s,border-color .15s,background .15s;font-size:.85rem}.header-theme-btn:hover{color:#fff;border-color:#3f3f46;background:#0f0f0f}.header-cta{display:inline-flex;align-items:center;gap:.4rem;background:#fff;color:#000;padding:.55rem 1.1rem;border-radius:8px;font-weight:700;font-size:.82rem;text-decoration:none;transition:background .2s,transform .15s;white-space:nowrap}.header-cta:hover{background:#e4e4e7;transform:translateY(-1px)}.header-cta svg{transition:transform .2s}.header-cta:hover svg{transform:translate(2px)}.header-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;background:transparent;border:1px solid #1f1f1f;border-radius:8px;cursor:pointer;padding:0 8px;transition:border-color .15s}.header-hamburger:hover{border-color:#3f3f46}.header-hamburger span{display:block;height:1.5px;background:#a1a1aa;border-radius:2px;transition:transform .25s,opacity .25s,width .25s}.header-hamburger span:nth-child(2){width:70%}.header-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.header-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.header-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background:#050505;z-index:999;display:flex;flex-direction:column;padding:calc(var(--hdr-height) + 1rem) 1.5rem 2rem;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;font-family:var(--hdr-font)}.mobile-menu.open{transform:translate(0)}.mobile-menu nav ul{list-style:none;display:flex;flex-direction:column;gap:.25rem}.mobile-menu nav ul li a{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-radius:10px;color:#a1a1aa;text-decoration:none;font-size:1rem;font-weight:500;transition:background .15s,color .15s;border:1px solid transparent}.mobile-menu nav ul li a:hover{background:#0f0f0f;border-color:#1a1a1a;color:#fff}.mobile-menu-divider{height:1px;background:#141414;margin:1rem 0}.mobile-menu-cta{display:flex;flex-direction:column;gap:.75rem;margin-top:auto;padding-top:1.5rem}.mobile-cta-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;color:#000;padding:.85rem;border-radius:10px;font-weight:700;font-size:.9rem;text-decoration:none;transition:background .2s}.mobile-cta-primary:hover{background:#e4e4e7}.mobile-cta-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;color:#71717a;padding:.85rem;border-radius:10px;border:1px solid #1f1f1f;font-weight:600;font-size:.9rem;text-decoration:none;transition:border-color .2s,color .2s}.mobile-cta-secondary:hover{border-color:#3f3f46;color:#fff}.mobile-menu-stats{display:flex;gap:1rem;padding:1rem 0;border-top:1px solid #141414;margin-top:1.5rem}.mobile-stat{flex:1;text-align:center}.mobile-stat-num{display:block;font-size:1.2rem;font-weight:800;color:#fff;letter-spacing:-.04em}.mobile-stat-label{font-size:.65rem;color:#3f3f46;text-transform:uppercase;letter-spacing:.06em}.header-progress{position:absolute;bottom:-1px;left:0;height:2px;background:linear-gradient(90deg,var(--hdr-accent),#8b5cf6);width:0%;transition:width .1s linear;border-radius:0 2px 2px 0}@media(max-width:900px){.header-nav{display:none}.header-hamburger{display:flex}.header-cta{display:none}}@media(max-width:480px){.header-inner{padding:0 1rem}.header-announce{font-size:.65rem}}:root{--color-primary: #0066cc;--color-accent: #ff6600;--color-text: #1a1a1a;--color-text-light: #666;--color-muted: #999;--color-bg: #f9f9f9;--color-heading: #0066cc}main{padding-top:68px;background:#fff;min-height:100vh}.blog-container{max-width:1200px;margin:0 auto;padding:3rem 2rem;display:grid;grid-template-columns:1fr 280px;gap:3rem}.blog-content{flex:1}h1{font-size:2.8rem;font-weight:800;color:#1a1a1a;margin-bottom:.5rem;line-height:1.2;letter-spacing:-.02em}h2{font-size:2rem;font-weight:700;color:#1a1a1a;margin-top:2.5rem;margin-bottom:1rem;line-height:1.3;letter-spacing:-.01em;border-bottom:2px solid #f0f0f0;padding-bottom:.75rem}h3{font-size:1.5rem;font-weight:600;color:#06c;margin-top:1.75rem;margin-bottom:.75rem;line-height:1.4}h4{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-top:1.25rem;margin-bottom:.5rem}p{font-size:1.05rem;line-height:1.8;color:#333;margin-bottom:1.25rem}ul,ol{margin-bottom:1.5rem;padding-left:2.5rem}ul li,ol li{margin-bottom:.75rem;line-height:1.7;color:#333}ul li::marker{color:#06c;font-weight:600}ol li::marker{color:#06c;font-weight:600}a{color:#06c;text-decoration:none;transition:all .2s;border-bottom:1px solid rgba(0,102,204,.3)}a:hover{color:#f60;border-bottom:1px solid #ff6600}blockquote{border-left:4px solid #0066cc;padding-left:1.5rem;margin:2rem 0;color:#666;font-style:italic;font-size:1.1rem;background:#f9f9f9;padding:1.5rem;border-radius:4px}.callout{background:linear-gradient(135deg,#0066cc14,#ff66000d);border-left:4px solid #0066cc;padding:1.5rem;margin:2rem 0;border-radius:8px}.callout.warning{border-left-color:#f60;background:linear-gradient(135deg,#ff660014,#ff66000d)}.callout.success{border-left-color:#22c55e;background:linear-gradient(135deg,#22c55e14,#22c55e0d)}.callout h4{margin-top:0;color:#06c}.callout.warning h4{color:#f60}.callout.success h4{color:#22c55e}code{background:#f5f5f5;padding:.2rem .5rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;color:#d63384}pre{background:#1e1e1e;color:#e8e8e8;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:2rem 0;font-size:.9rem;line-height:1.6}pre code{background:none;color:#e8e8e8;padding:0}table{width:100%;border-collapse:collapse;margin:2rem 0;border:1px solid #ddd;border-radius:8px;overflow:hidden}thead{background:#f9f9f9}th{padding:1rem;text-align:left;font-weight:700;color:#06c;border-bottom:2px solid #ddd}td{padding:1rem;border-bottom:1px solid #eee;color:#333}tr:last-child td{border-bottom:none}img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0}figure{margin:2rem 0;text-align:center}figcaption{font-size:.9rem;color:#999;margin-top:.75rem;font-style:italic}.blog-meta{display:flex;gap:1.5rem;color:#999;font-size:.95rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eee}.meta-item{display:flex;align-items:center;gap:.5rem}.toc-wrapper{position:sticky;top:100px;height:fit-content}.toc{background:#f9f9f9;border:1px solid #eee;border-radius:8px;padding:1.5rem;font-size:.9rem}.toc h4{margin-top:0;margin-bottom:1rem;color:#06c;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin-bottom:.5rem;line-height:1.5}.toc a{color:#666;text-decoration:none;border:none;font-size:.9rem;transition:color .2s;display:block;padding:.25rem 0}.toc a:hover{color:#06c}.toc ul ul{margin-left:1rem;margin-top:.25rem;border-left:2px solid #eee;padding-left:.75rem}.related-posts{margin-top:4rem;padding-top:3rem;border-top:2px solid #f0f0f0}.related-posts h3{margin-top:0;color:#06c}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.related-card{background:#f9f9f9;border:1px solid #eee;border-radius:8px;overflow:hidden;transition:all .3s;cursor:pointer}.related-card:hover{border-color:#06c;box-shadow:0 8px 16px #0066cc1a;transform:translateY(-2px)}.related-card-image{width:100%;height:180px;object-fit:cover;background:#eee}.related-card-body{padding:1.25rem}.related-card-title{font-size:1rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem;line-height:1.4}.related-card-meta{font-size:.8rem;color:#999}.related-card a{color:inherit;text-decoration:none;border:none}.related-card a:hover .related-card-title{color:#06c}.cta-box{background:linear-gradient(135deg,#06c,#4a90e2);color:#fff;padding:2.5rem;border-radius:12px;margin:3rem 0;text-align:center}.cta-box h3{margin-top:0;color:#fff}.cta-box p{color:#fffffff2;margin-bottom:1.5rem}.cta-box a{display:inline-block;background:#fff;color:#06c;padding:.75rem 1.75rem;border-radius:6px;font-weight:700;text-decoration:none;border:none;transition:all .2s}.cta-box a:hover{background:#f0f0f0;transform:translateY(-2px)}@media(max-width:900px){.blog-container{grid-template-columns:1fr;gap:2rem}.toc-wrapper{position:static}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{font-size:1rem}.related-grid{grid-template-columns:1fr}}@media(max-width:640px){.blog-container{padding:2rem 1rem}h1{font-size:1.75rem}h2{font-size:1.3rem}h3{font-size:1.1rem}p{font-size:.95rem;line-height:1.7}.toc{padding:1rem;font-size:.85rem}.cta-box{padding:1.5rem}}