@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");.blog-view-wrapper{background-color:#fcfcfd;min-height:100vh;padding-top:80px}.premium-hero{background:#0f172a;color:#fff;overflow:hidden;padding:6rem 0 12rem;position:relative}.hero-bg-image{bottom:0;filter:blur(40px) saturate(1.5);left:0;opacity:.4;position:absolute;right:0;top:0;transform:scale(1.1);z-index:0}.hero-pattern{background-image:radial-gradient(circle at 2px 2px,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:40px 40px;inset:0;position:absolute;z-index:1}.hero-content-wrapper{margin:0 auto;max-width:900px;position:relative;text-align:center;z-index:10}.hero-category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(79,70,229,.2);border:1px solid rgba(79,70,229,.3);border-radius:99px;color:#818cf8;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.1em;margin-bottom:2rem;padding:.5rem 1.5rem;text-transform:uppercase}.hero-title{background:linear-gradient(135deg,#fff,#818cf8 50%,#c084fc);-webkit-background-clip:text;background-size:200% auto;font-family:Outfit,sans-serif;font-size:clamp(3rem,8vw,5.5rem);font-weight:900;letter-spacing:-.05em;line-height:1.05;margin-bottom:3rem;-webkit-text-fill-color:transparent;animation:shine 5s linear infinite;text-shadow:0 10px 30px rgba(0,0,0,.3)}@keyframes shine{to{background-position:200%}}.hero-meta-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:1.5rem;display:inline-flex;flex-wrap:wrap;gap:2rem;padding:1rem 2.5rem}.meta-item-glass{align-items:center;color:#94a3b8;display:flex;font-size:.95rem;gap:.75rem}.meta-icon-circle{align-items:center;background:rgba(79,70,229,.1);border-radius:50%;color:#818cf8;display:flex;height:2rem;justify-content:center;width:2rem}.featured-image-container{margin:-8rem auto 4rem;max-width:1100px;padding:0 1rem;position:relative;z-index:30}.premium-image-frame{aspect-ratio:16/9;background:#fff;border:8px solid #fff;border-radius:2.5rem;box-shadow:0 30px 60px -12px rgba(0,0,0,.3),0 18px 36px -18px rgba(0,0,0,.3);overflow:hidden;position:relative;transition:transform .3s ease}.premium-image-frame:hover{transform:scale(1.01)}.blog-article-grid{display:grid;gap:4rem;grid-template-columns:1fr 340px;margin:0 auto;max-width:1200px;padding:0 1.5rem 6rem}.blog-content img{border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);cursor:zoom-in;display:block;height:auto;margin:3.5rem 0;max-width:100%;transition:all .5s cubic-bezier(.4,0,.2,1)}.blog-content img:hover{box-shadow:0 20px 40px rgba(0,0,0,.15);transform:scale(1.03);z-index:10}.blog-article-main{background:#fff;border:1px solid #f1f5f9;border-radius:2.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:5rem}.blog-content h1,.blog-content h2{background:linear-gradient(to bottom right,#0f172a,#334155);-webkit-background-clip:text;color:#0f172a;font-family:Outfit,sans-serif;font-size:clamp(1.8rem,4.5vw,2.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.25;margin:4rem 0 2.5rem;padding-bottom:2rem;position:relative;-webkit-text-fill-color:transparent;display:block}.blog-content h1:first-of-type,.blog-content h2:first-of-type{margin-top:0}.blog-content h1:after,.blog-content h2:after{background:linear-gradient(90deg,#4f46e5,#818cf8);border-radius:3px;bottom:.5rem;box-shadow:0 4px 12px rgba(79,70,229,.15);content:"";display:block;height:6px;left:0;position:absolute;width:100px}.blog-content{color:#334155;font-family:Plus Jakarta Sans,sans-serif;font-size:1.15rem;letter-spacing:-.01em;line-height:1.8}.blog-content p{margin-bottom:2.5rem}.blog-content b,.blog-content strong{color:#0f172a;font-weight:700}.blog-content h3{align-items:center;display:flex;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;gap:.75rem}.blog-content h3:before{background:#4f46e5;border-radius:2px;content:"";height:8px;transform:rotate(45deg);width:8px}.blog-content a{color:#4f46e5;font-weight:700;padding:0 2px;position:relative;text-decoration:none;transition:all .3s ease}.blog-content a:after{background:linear-gradient(90deg,#4f46e5,#818cf8);border-radius:2px;bottom:-2px;content:"";height:3px;left:0;opacity:.6;position:absolute;transform:scaleX(.3);transform-origin:left;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.blog-content a:hover{color:#3730a3}.blog-content a:hover:after{height:4px;opacity:1;transform:scaleX(1)}.highlight-text{background-position:0 88%;background-repeat:no-repeat;background-size:100% .4em;color:#0f172a;font-weight:600}.blog-content h2{color:#0f172a;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin:4rem 0 1.5rem}.blog-content h3{color:#1e293b;font-size:1.875rem;margin:3rem 0 1.25rem}.blog-content p{margin-bottom:2rem}.blog-content ol,.blog-content ul{margin:2rem 0 2.5rem 1.5rem;padding:0}.blog-content ul{list-style-type:none}.blog-content ul li{margin-bottom:1.25rem;padding-left:2rem;position:relative}.blog-content ul li:before{color:#4f46e5;content:"→";font-weight:900;left:0;position:absolute}.blog-content ol{list-style-type:decimal;padding-left:1.5rem}.blog-content ol li{color:#334155;font-weight:450;line-height:1.7;margin-bottom:1.5rem;padding-left:1rem}.blog-content ol li strong{color:#4f46e5;font-weight:800}.blog-content ol li::marker{color:#4f46e5;font-family:Outfit,sans-serif;font-weight:800}.blog-content blockquote{background:#f8fafc;border-left:6px solid #4f46e5;border-radius:0 2rem 2rem 0;color:#1e293b;font-family:Playfair Display,serif;font-size:1.5rem;font-style:italic;margin:3.5rem 0;padding:2.5rem}.sticky-sidebar{position:sticky;top:6rem}.widget-glass{background:#fff;border:1px solid #f1f5f9;border-radius:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);margin-bottom:2.5rem;padding:2.5rem}.widget-title{align-items:center;color:#64748b;display:flex;font-family:Outfit,sans-serif;font-size:1.125rem;font-weight:700;gap:.75rem;letter-spacing:.1em;margin-bottom:2rem;text-transform:uppercase}.widget-title:after{background:#e2e8f0;content:"";flex:1;height:1px}.toc-link-modern{border-left:2px solid transparent;color:#475569;display:block;font-size:1rem;padding:.75rem 0 .75rem 1rem;text-decoration:none;transition:all .2s}.toc-link-modern:hover{color:#4f46e5;padding-left:1.25rem}.toc-link-modern.active{border-left-color:#4f46e5;color:#4f46e5;font-weight:600}.modern-progress{background:linear-gradient(90deg,#6366f1,#a855f7);height:6px;left:0;position:fixed;right:0;top:0;transform-origin:0;z-index:1000}.premium-cta{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:2rem;color:#fff;overflow:hidden;padding:2.5rem;position:relative}.cta-icon-bg{bottom:-1rem;opacity:.1;position:absolute;right:-1rem;transform:rotate(-15deg)}@media (max-width:1100px){.blog-article-grid{grid-template-columns:1fr}.sticky-sidebar{display:none}.blog-article-main{padding:3rem 2rem}}@media (max-width:640px){.hero-title{font-size:2.25rem}.hero-meta-glass{gap:1rem;padding:1rem}.premium-image-frame{border-radius:1.5rem;border-width:4px}}