@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap");.blog-layout{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--page-bg);color:var(--text-body);min-height:100vh;display:flex;flex-direction:column;transition:background-color .2s,color .2s}.blog-header{background-color:var(--header-bg);border-bottom:1px solid var(--border);box-shadow:0 4px 30px rgba(0,0,0,.02);transition:all .3s ease}.blog-logo-title{color:var(--text-head)!important;font-family:Outfit,sans-serif;font-weight:800;letter-spacing:-.04em}.blog-logo-sub{color:var(--primary)!important;letter-spacing:.2em;font-size:9px;font-weight:800}.blog-nav-link{color:var(--text-body);opacity:.6;font-size:11px;font-weight:700;letter-spacing:.1em;transition:all .3s ease}.blog-nav-link:hover{opacity:1;color:var(--primary);transform:translateY(-1px)}.blog-nav-link.active{opacity:1;color:var(--primary);border-bottom:2px solid var(--primary);padding-bottom:4px}.blog-hero{padding:8rem 1rem;text-align:center;background:radial-gradient(circle at top right,var(--page-bg),rgba(99,102,241,.05))}.blog-hero h1{color:var(--text-head);font-family:Outfit,sans-serif;font-size:4rem;font-weight:800;line-height:.95;margin-bottom:2rem;letter-spacing:-.05em}.blog-hero p{color:var(--text-body);max-width:650px;margin:0 auto;font-size:1.35rem;line-height:1.6;opacity:.8}.blog-card-inner{background-color:var(--card-bg);border:1px solid var(--border);border-radius:32px;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:all .5s cubic-bezier(.19,1,.22,1);box-shadow:0 10px 40px -10px rgba(0,0,0,.05)}.blog-card-inner:hover{transform:translateY(-12px);box-shadow:0 40px 80px -20px rgba(0,0,0,.15);border-color:var(--primary)}.blog-card-image-wrap{aspect-ratio:16/10;overflow:hidden}.blog-card-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease}.blog-card-inner:hover .blog-card-image-wrap img{transform:scale(1.1)}.blog-card-content{padding:2.5rem;flex:1;display:flex;flex-direction:column}.blog-card-content h2{color:var(--text-head);font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:1.25rem;line-height:1.2}.blog-card-content p{color:var(--text-body);font-size:1.1rem;line-height:1.6;opacity:.7;margin-bottom:2.5rem;flex:1}.blog-article{max-width:800px;margin:0 auto;padding:4rem 1.5rem}.blog-article h1{color:var(--text-head);font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:2rem;letter-spacing:-.04em}.blog-body{font-size:1.125rem;line-height:1.8;color:var(--text-body)}.blog-body h2{font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;margin-top:3.5rem;margin-bottom:1.5rem;color:var(--text-head);letter-spacing:-.03em;position:relative}.blog-body h2:after{content:"";display:block;width:40px;height:4px;background:var(--primary);margin-top:.5rem;border-radius:2px}.blog-body h3{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;margin-top:2.5rem;margin-bottom:1rem;color:var(--text-head)}.blog-body p{margin-bottom:1.5rem;opacity:.9}.blog-body ol,.blog-body ul{margin:2rem 0}.blog-body ul li{position:relative;padding-left:2rem;margin-bottom:1rem}.blog-body ul li:before{content:"→";position:absolute;left:0;color:var(--primary);font-weight:900}.blog-body ol li{position:relative;counter-increment:blog-counter;padding-left:3rem;margin-bottom:1.5rem}.blog-body ol li:before{content:counter(blog-counter);position:absolute;left:0;top:4px;width:28px;height:28px;background:var(--primary);color:white;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.blog-body .blog-blockquote{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.6;color:var(--text-head);padding:2.5rem;background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1px solid #e2e8f0;border-radius:32px;margin:3rem 0;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.02)}[data-theme=dark] .blog-body .blog-blockquote{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#334155;box-shadow:none}.blog-body img{border-radius:32px;margin:3rem 0;box-shadow:0 20px 40px rgba(0,0,0,.1)}.blog-footer{background-color:#020617;color:#94a3b8;padding:6rem 1rem;margin-top:8rem}.blog-footer-logo-text{color:#ffffff!important;font-family:Outfit,sans-serif;font-weight:800}.blog-footer-link{color:#94a3b8;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.15em;transition:all .3s ease;opacity:.6}.blog-footer-link:hover{opacity:1;color:#ffffff}.blog-footer-bottom{margin-top:5rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.05);text-align:center;font-size:10px;font-weight:800;letter-spacing:.4em;opacity:.3;color:#ffffff}[data-theme=dark] .blog-body h2,[data-theme=dark] .blog-body h3{color:#ffffff}@media (max-width:768px){.blog-hero h1{font-size:2.75rem}.blog-article h1{font-size:3rem}.blog-body{font-size:1.15rem}.blog-body h2{font-size:2rem}}