.blog-shell{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--primary-glow:#6366f166;--accent:#06b6d4;--accent-light:#22d3ee;--accent-glow:#06b6d44d;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-dark:#0f172a;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--border-light:#e2e8f0;--border-medium:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--gradient-primary:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);--gradient-dark:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);background:var(--bg-secondary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}.blog-shell *,.blog-shell :before,.blog-shell :after{box-sizing:border-box;margin:0;padding:0}.blog-shell a{color:inherit;transition:color var(--transition-base);text-decoration:none}.blog-shell img{max-width:100%;height:auto;display:block}.blog-shell ul,.blog-shell ol{list-style:none}.blog-shell button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container{padding:0 1.5rem}}@media (min-width:1024px){.container{padding:0 2rem}}.container-narrow{max-width:896px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container-narrow{padding:0 1.5rem}}@media (min-width:1024px){.container-narrow{padding:0 2rem}}.site-header{background:var(--bg-primary);z-index:50;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.site-logo{align-items:center;gap:.5rem;display:flex}.site-logo svg{width:36px;height:36px}.site-logo-text{background:linear-gradient(90deg,#111827,#374151);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.site-logo-text .dot-io{-webkit-text-fill-color:#9333ea}.site-logo .custom-logo{object-fit:contain;width:auto;max-height:48px}.footer-custom-logo{object-fit:contain;width:auto;max-height:32px}.desktop-nav{align-items:center;gap:2rem;display:none}@media (min-width:768px){.desktop-nav{display:flex}}.desktop-nav a{color:#4b5563;transition:color var(--transition-base);font-size:.875rem;font-weight:500}.desktop-nav a:hover{color:#111827}.desktop-nav a.active,.desktop-nav .current-menu-item>a,.desktop-nav .current_page_item>a{color:#9333ea}.header-cta{align-items:center;gap:1rem;display:none}@media (min-width:768px){.header-cta{display:flex}}.btn-cta{color:#fff;transition:background-color var(--transition-base);background-color:#9333ea;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-block}.btn-cta:hover{color:#fff;background-color:#7e22ce}.mobile-menu-toggle{color:#4b5563;padding:.5rem;display:block}.mobile-menu-toggle:hover{color:#111827}@media (min-width:768px){.mobile-menu-toggle{display:none}}.mobile-menu-toggle svg{width:24px;height:24px}.mobile-menu{border-top:1px solid #f3f4f6;padding:1rem 0;display:none}.mobile-menu.is-open{display:block}@media (min-width:768px){.mobile-menu{display:none!important}}.mobile-menu ul{flex-direction:column;gap:1rem;display:flex}.mobile-menu a{color:#4b5563;transition:color var(--transition-base);font-size:.875rem;font-weight:500}.mobile-menu a:hover{color:#111827}.mobile-menu .current-menu-item>a,.mobile-menu .current_page_item>a{color:#9333ea}.mobile-menu .btn-cta{text-align:center;margin-top:.5rem;display:block}.blog-hero{text-align:center;background:linear-gradient(to bottom right,#581c87,#312e81,#0f172a);padding:5rem 0}.blog-hero h1{color:#fff;margin-bottom:1.5rem;font-size:2.25rem;font-weight:700}@media (min-width:640px){.blog-hero h1{font-size:3rem}}.blog-hero p{color:#d1d5db;max-width:42rem;margin:0 auto;font-size:1.25rem}.single-hero{background:linear-gradient(to bottom right,#581c87,#312e81,#0f172a);padding:4rem 0}.back-to-blog{color:#c4b5fd;transition:color var(--transition-base);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9375rem;display:inline-flex}.back-to-blog:hover{color:#fff}.back-to-blog svg{width:20px;height:20px}.single-hero .category-badge{color:#e9d5ff;background:#a855f74d;border-radius:9999px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.875rem;display:inline-block}.single-hero h1{color:#fff;margin-bottom:1.5rem;font-size:1.875rem;font-weight:700}@media (min-width:640px){.single-hero h1{font-size:2.25rem}}.author-info{align-items:center;gap:1rem;display:flex}.author-avatar{background:linear-gradient(to bottom right,#c084fc,#f472b6);border-radius:9999px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.author-avatar img{object-fit:cover;border-radius:9999px;width:100%;height:100%}.author-name{color:#fff;font-weight:500}.author-meta{color:#9ca3af;font-size:.875rem}.category-filter{background:#fff;border-bottom:1px solid #e5e7eb;padding:2rem 0}.category-filter .filter-list{flex-wrap:wrap;gap:.5rem;display:flex}.category-filter .filter-btn{color:#4b5563;transition:all var(--transition-base);background:#f3f4f6;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.category-filter .filter-btn:hover{background:#e5e7eb}.category-filter .filter-btn.active,.category-filter .filter-btn[aria-current=page]{color:#fff;background:#9333ea}.blog-grid-section{padding:4rem 0}.blog-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-slow);background:#fff;border:1px solid #f3f4f6;border-radius:1rem;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg)}.blog-card-thumbnail{background:linear-gradient(to bottom right,#818cf8,#a855f7);height:192px;position:relative;overflow:hidden}.blog-card-thumbnail img{object-fit:cover;width:100%;height:100%}.blog-card-thumbnail.no-image{justify-content:center;align-items:center;display:flex}.blog-card-thumbnail.gradient-1{background:linear-gradient(to bottom right,#60a5fa,#a855f7)}.blog-card-thumbnail.gradient-2{background:linear-gradient(to bottom right,#34d399,#06b6d4)}.blog-card-thumbnail.gradient-3{background:linear-gradient(to bottom right,#fb923c,#ec4899)}.blog-card-thumbnail.gradient-4{background:linear-gradient(to bottom right,#c084fc,#6366f1)}.blog-card-thumbnail.gradient-5{background:linear-gradient(to bottom right,#f87171,#fb923c)}.blog-card-thumbnail.gradient-6{background:linear-gradient(to bottom right,#2dd4bf,#22c55e)}.blog-card-body{padding:1.5rem}.blog-card-meta{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.blog-card-category{color:#7e22ce;background:#f3e8ff;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.blog-card-readtime{color:#6b7280;font-size:.875rem}.blog-card-title{color:#111827;margin-bottom:.75rem;font-size:1.25rem;font-weight:600;line-height:1.4}.blog-card-title a{color:#111827}.blog-card-title a:hover{color:#9333ea}.blog-card-excerpt{color:#4b5563;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid #f3f4f6;align-items:center;gap:.75rem;padding-top:1rem;display:flex}.blog-card-footer .card-avatar{background:linear-gradient(to bottom right,#c084fc,#f472b6);border-radius:9999px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.blog-card-footer .card-avatar img{object-fit:cover;border-radius:9999px;width:100%;height:100%}.blog-card-footer .card-author-name{color:#111827;font-size:.875rem;font-weight:500}.blog-card-footer .card-author-date{color:#6b7280;font-size:.75rem}.blog-pagination{text-align:center;margin-top:3rem}.blog-pagination .nav-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.blog-pagination a,.blog-pagination span{color:#374151;min-width:40px;height:40px;transition:all var(--transition-base);background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.blog-pagination a:hover{background:#f9fafb}.blog-pagination .current{color:#fff;background:#9333ea;border-color:#9333ea}.blog-pagination .prev,.blog-pagination .next{padding:.5rem 1.5rem}.single-content-section{padding:3rem 0}.single-article{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem}@media (min-width:1024px){.single-article{padding:3rem}}.single-featured-image{border-radius:1rem 1rem 0 0;max-height:400px;margin:-2rem -2rem 2rem;overflow:hidden}@media (min-width:1024px){.single-featured-image{margin:-3rem -3rem 2rem}}.single-featured-image img{object-fit:cover;width:100%;height:100%;max-height:400px}.entry-content h1{color:var(--text-primary);margin-bottom:1rem;font-size:2.25rem;font-weight:700}.entry-content h2{color:var(--text-primary);margin-top:2rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.entry-content h3{color:var(--text-primary);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.entry-content h4{color:var(--text-primary);margin-top:1.25rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.entry-content p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.75}.entry-content ul,.entry-content ol{margin-bottom:1rem;padding-left:1.5rem}.entry-content ul{list-style-type:disc}.entry-content ol{list-style-type:decimal}.entry-content li{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.75}.entry-content a{color:#9333ea;text-decoration:underline}.entry-content a:hover{color:#7e22ce}.entry-content blockquote{color:var(--text-secondary);background:#faf5ff;border-left:4px solid #9333ea;border-radius:0 .5rem .5rem 0;margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic}.entry-content blockquote p{margin-bottom:0}.entry-content code{background:var(--bg-tertiary);border-radius:4px;padding:.125rem .375rem;font-family:Fira Code,Cascadia Code,monospace;font-size:.875rem}.entry-content pre{background:var(--bg-dark);color:var(--text-inverse);border-radius:.75rem;margin-bottom:1rem;padding:1rem;overflow-x:auto}.entry-content pre code{color:inherit;background:0 0;border-radius:0;padding:0}.entry-content strong{color:var(--text-primary);font-weight:600}.entry-content img{border-radius:.75rem;margin:1.5rem 0}.entry-content table{border-collapse:collapse;width:100%;margin:1.5rem 0}.entry-content th,.entry-content td{border:1px solid var(--border-light);text-align:left;padding:.75rem 1rem}.entry-content th{background:var(--bg-tertiary);font-weight:600}.entry-content figure{margin:1.5rem 0}.entry-content figcaption{text-align:center;color:var(--text-tertiary);margin-top:.5rem;font-size:.875rem}.entry-content .wp-block-image{margin:1.5rem 0}.entry-content .wp-block-image img{border-radius:.75rem}.entry-content .aligncenter{text-align:center;margin-left:auto;margin-right:auto;display:block}.entry-content .alignleft{float:left;margin-bottom:1rem;margin-right:1.5rem}.entry-content .alignright{float:right;margin-bottom:1rem;margin-left:1.5rem}.entry-content .wp-caption{max-width:100%}.entry-content .wp-caption-text{color:var(--text-tertiary);text-align:center;margin-top:.5rem;font-size:.875rem}.entry-content .wp-block-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin:1.5rem 0;display:grid}.entry-content .wp-block-gallery img{border-radius:.5rem;margin:0}.post-tags{border-top:1px solid #f3f4f6;margin-top:2rem;padding-top:1.5rem}.post-tags-list{flex-wrap:wrap;gap:.5rem;display:flex}.post-tag{color:#7e22ce;transition:background-color var(--transition-base);background:#f3e8ff;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.post-tag:hover{color:#6b21a8;background:#e9d5ff}.share-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;display:flex}.share-buttons{align-items:center;gap:1rem;display:flex}.share-buttons span{color:#4b5563;font-size:.9375rem}.share-btn{width:40px;height:40px;transition:background-color var(--transition-base);background:#f3f4f6;border-radius:9999px;justify-content:center;align-items:center;display:flex}.share-btn:hover{background:#e5e7eb}.share-btn svg{color:#374151;width:20px;height:20px}.more-articles-link{color:#9333ea;font-size:.9375rem}.more-articles-link:hover{color:#9333ea;text-decoration:underline}.post-navigation{grid-template-columns:1fr;gap:1.5rem;margin-top:3rem;display:grid}@media (min-width:768px){.post-navigation{grid-template-columns:1fr 1fr}}.post-navigation a{border:1px solid var(--border-light);transition:all var(--transition-base);background:#fff;border-radius:1rem;padding:1.5rem;display:block}.post-navigation a:hover{box-shadow:var(--shadow-md);border-color:#c4b5fd}.post-navigation .nav-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:.5rem;font-size:.75rem}.post-navigation .nav-title{color:var(--text-primary);font-weight:600}.post-navigation .nav-next{text-align:right}.newsletter-section{text-align:center;background:#581c87;padding:5rem 0}.newsletter-section h2{color:#fff;margin-bottom:1rem;font-size:1.875rem;font-weight:700}.newsletter-section p{color:#e9d5ff;margin-bottom:2rem}.newsletter-form{flex-direction:column;gap:1rem;max-width:28rem;margin:0 auto;display:flex}@media (min-width:640px){.newsletter-form{flex-direction:row}}.newsletter-form input[type=email]{border:none;border-radius:.75rem;outline:none;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.newsletter-form input[type=email]:focus{box-shadow:0 0 0 3px #a855f766}.newsletter-form button{color:#581c87;transition:background-color var(--transition-base);background:#fff;border-radius:.75rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.newsletter-form button:hover{background:#f3f4f6}.site-footer{color:#d1d5db;background:#111827}.footer-main{grid-template-columns:repeat(2,1fr);gap:2rem;padding:2.5rem 0 3rem;display:grid}@media (min-width:768px){.footer-main{grid-template-columns:repeat(4,1fr)}}.footer-brand{grid-column:span 2}@media (min-width:768px){.footer-brand{grid-column:span 1}}.footer-logo{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.footer-logo-icon{width:32px;height:32px;box-shadow:var(--shadow-lg);background:linear-gradient(to bottom right,#8b5cf6,#7c3aed,#4f46e5);border-radius:.75rem;justify-content:center;align-items:center;display:flex}.footer-logo-icon svg{color:#fff;width:20px;height:20px}.footer-logo-text{color:#fff;font-size:1.125rem;font-weight:700}.footer-logo-text .dot-io{color:#c084fc}.footer-description{color:#9ca3af;max-width:20rem;margin-bottom:1rem;font-size:.875rem;line-height:1.5}.social-links{align-items:center;gap:.75rem;display:flex}.social-link{width:36px;height:36px;transition:background-color var(--transition-base);background:#1f2937;border-radius:.5rem;justify-content:center;align-items:center;display:flex}.social-link:hover{background:#374151}.social-link svg{fill:currentColor;width:20px;height:20px}.footer-links h3{color:#fff;margin-bottom:1rem;font-size:1rem;font-weight:600}.footer-links ul{flex-direction:column;gap:.75rem;display:flex}.footer-links a{color:#d1d5db;transition:color var(--transition-base);font-size:.875rem}.footer-links a:hover{color:#fff}.footer-links .badge-soon{color:#c084fc;background:#a855f733;border-radius:.25rem;margin-left:.5rem;padding:.125rem .375rem;font-size:.75rem;display:inline-block}.footer-bottom{border-top:1px solid #1f2937;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}@media (min-width:640px){.footer-bottom{flex-direction:row}}.footer-copyright{color:#6b7280;font-size:.875rem}.footer-legal{align-items:center;gap:1.5rem;display:flex}.footer-legal a{color:#6b7280;transition:color var(--transition-base);font-size:.875rem}.footer-legal a:hover{color:#d1d5db}.error-404{text-align:center;padding:5rem 0}.error-404 h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:6rem;font-weight:800}.error-404 h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.error-404 p{color:var(--text-secondary);margin-bottom:2rem}.error-404 .btn-cta{display:inline-block}.search-hero{text-align:center;background:linear-gradient(to bottom right,#581c87,#312e81,#0f172a);padding:4rem 0}.search-hero h1{color:#fff;margin-bottom:.5rem;font-size:2rem;font-weight:700}.search-hero .search-query{color:#c4b5fd;font-style:italic}.no-results{text-align:center;color:var(--text-secondary);padding:3rem 0}.no-results h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.comments-area{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;margin-top:3rem;padding:2rem}@media (min-width:1024px){.comments-area{padding:3rem}}.comments-area h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.comment-list{padding:0;list-style:none}.comment-list .comment{border-bottom:1px solid #f3f4f6;padding:1.5rem 0}.comment-list .comment:last-child{border-bottom:none}.comment-author{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.comment-author .avatar{border-radius:9999px;width:40px;height:40px}.comment-author .fn{color:var(--text-primary);font-weight:600}.comment-metadata{color:var(--text-tertiary);font-size:.75rem}.comment-content p{color:var(--text-secondary);line-height:1.75}.comment-reply-link{color:#9333ea;font-size:.875rem;font-weight:500}.comment-reply-link:hover{text-decoration:underline}.comment-respond{margin-top:2rem}.comment-respond h3{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.comment-form label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{border:1px solid var(--border-light);width:100%;transition:border-color var(--transition-base);border-radius:.75rem;outline:none;margin-bottom:1rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.comment-form input:focus,.comment-form textarea:focus{border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.comment-form textarea{resize:vertical;min-height:150px}.comment-form .submit{color:#fff;cursor:pointer;transition:background-color var(--transition-base);background:#9333ea;border:none;border-radius:.75rem;padding:.75rem 2rem;font-size:1rem;font-weight:600}.comment-form .submit:hover{background:#7e22ce}.widget{border:1px solid var(--border-light);background:#fff;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.widget h2,.widget-title{color:var(--text-primary);border-bottom:2px solid #f3f4f6;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.125rem;font-weight:600}.widget ul{padding:0;list-style:none}.widget li{border-bottom:1px solid #f9fafb;padding:.5rem 0}.widget li:last-child{border-bottom:none}.widget a{color:var(--text-secondary);font-size:.9375rem}.widget a:hover{color:#9333ea}.wp-block-separator{border:none;border-top:2px solid var(--border-light);margin:2rem 0}.wp-block-quote{background:#faf5ff;border-left:4px solid #9333ea;border-radius:0 .5rem .5rem 0;margin:1.5rem 0;padding:1rem 1.5rem}.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden;word-wrap:normal!important}.screen-reader-text:focus{clip-path:none;color:#21759b;z-index:100000;background-color:#f1f1f1;border-radius:3px;width:auto;height:auto;padding:15px 23px 14px;font-size:14px;font-weight:700;line-height:normal;text-decoration:none;display:block;top:5px;left:5px;box-shadow:0 0 2px 2px #0009;clip:auto!important}body.admin-bar .site-header{top:32px}@media screen and (max-width:782px){body.admin-bar .site-header{top:46px}}