:root{--color-primary: #8b5cf6;--color-primary-dark: #7c3aed;--color-secondary: #ec4899;--color-bg: #030712;--color-surface: #111827;--color-border: rgba(107, 114, 128, .3);--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--transition-normal: .2s ease;--primary: #8b5cf6;--primary-dark: #7c3aed;--secondary: #ec4899;--bg-main: #030712;--bg-secondary: #111827;--bg-tertiary: #1f2937;--card-bg: rgba(31, 41, 55, .6);--card-border: rgba(107, 114, 128, .3);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-glow: rgba(139, 92, 246, .25);--success: #22c55e}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background-color:#010101;overscroll-behavior-x:none;-webkit-overflow-scrolling:touch}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#030712;color:var(--text-primary);line-height:1.6;overflow-x:hidden;overflow-y:scroll;min-height:100vh;min-height:100svh;overscroll-behavior-x:none;touch-action:pan-y;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header-container{margin:0 4rem;padding:0;max-width:none;box-sizing:border-box}@media(max-width:1024px){.header-container{margin:0 2rem}}@media(max-width:768px){.header-container{margin:0 1.5rem}}@media(max-width:480px){.header-container{margin:0 1rem}}@media(max-width:768px){html{scroll-behavior:auto}body{-webkit-overflow-scrolling:touch}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;padding:1rem 0;transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.header.scrolled{background:#010101f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 20px #0000004d;border-bottom:1px solid rgba(255,255,255,.08);padding:.75rem 0}.header.scrolled .logo{font-size:1.375rem}.header.scrolled .nav-links{gap:1.75rem}.header.menu-open{background:#000000fa;box-shadow:none;border-bottom:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .4s cubic-bezier(.4,0,.2,1)}.nav{display:flex;justify-content:space-between;align-items:center}.nav-right{display:flex;align-items:center;gap:2rem;min-height:44px;padding-right:0;margin-right:0}.header-actions{display:flex;align-items:center;gap:2rem;position:relative;margin-right:0;padding-right:0}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:#fff;text-decoration:none;transition:font-size .3s cubic-bezier(.4,0,.2,1)}.logo-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.nav-links{display:flex;gap:2rem;list-style:none;transition:gap .3s cubic-bezier(.4,0,.2,1)}.nav-links a{color:#fff;text-decoration:none;font-weight:400;transition:color .2s ease}.nav-links a:hover{color:#fff}.nav-link-button{background:none;border:none;padding:0;margin:0;color:#fff;text-decoration:none;font-weight:400;transition:color .2s ease;cursor:pointer;font-family:inherit;font-size:inherit}.nav-link-button:hover{color:#fff}.cta-button{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;text-decoration:none;font-weight:600;transition:transform .2s ease;display:inline-flex;align-items:center;gap:.5rem;transform:translateZ(0)}.cta-button:hover{transform:translateY(-1px)}button.cta-button{border:none;cursor:pointer;font-family:inherit;font-size:inherit}a.cta-button.hero-cta-special,a.cta-button.hero-cta-special:link,a.cta-button.hero-cta-special:visited{overflow:hidden;transition:all .3s ease;position:relative;color:#fff!important;background:transparent!important}a.cta-button.hero-cta-special i,a.cta-button.hero-cta-special span{transition:all .3s ease;color:#fff!important}a.cta-button.hero-cta-special:hover,a.cta-button.hero-cta-special:hover:link,a.cta-button.hero-cta-special:hover:visited{background:#fff!important;color:#000!important;transform:translateY(-1px)!important}a.cta-button.hero-cta-special:hover i,a.cta-button.hero-cta-special:hover span{color:#000!important}.start-creating-btn{background:transparent!important;border:1px solid white!important;color:#fff!important;box-shadow:none!important;position:relative;transition:all .3s ease}.start-creating-btn i,.start-creating-btn span{color:#fff!important;transition:color .3s ease}.start-creating-btn:hover{background:#fff!important;border:1px solid white!important}.start-creating-btn:hover i,.start-creating-btn:hover span{color:#000!important}.header-actions .start-creating-btn{font-size:.9375rem;border-radius:.625rem;max-width:0;opacity:0;overflow:hidden;margin-right:0;padding:.625rem 0;transition:max-width .6s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1) .1s,margin-right .6s cubic-bezier(.4,0,.2,1),padding .6s cubic-bezier(.4,0,.2,1);pointer-events:none;white-space:nowrap}.header-actions .start-creating-btn.visible{max-width:200px;opacity:1;margin-right:0;padding:.625rem 1.125rem;pointer-events:auto}.mobile-menu-inner .start-creating-btn{width:100%;justify-content:center;margin-top:1rem;padding:.875rem 1.5rem;font-size:1rem;border-radius:.75rem}@media(max-width:1024px){.header-actions .start-creating-btn{display:none!important}}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;padding:8px;z-index:1001;width:44px;height:44px}.mobile-menu-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:1px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);transform-origin:center center}.mobile-menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;top:80px;left:0;right:0;background:#000000fa;padding:2rem;transform:translate3d(0,-100%,0);opacity:0;visibility:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);z-index:999;max-height:calc(100vh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:0;box-shadow:0 4px 20px #0000004d;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform,opacity}.mobile-menu.active{transform:translateZ(0);opacity:1;visibility:visible;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}.mobile-menu-inner{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}.mobile-menu-link-button{background:none;border:none;padding:1rem 0;margin:0;color:var(--text-primary);text-decoration:none;font-size:1.125rem;font-weight:500;border-bottom:1px solid var(--card-border);display:block;width:100%;transition:color .2s ease;cursor:pointer;font-family:inherit;text-align:left}.mobile-menu-link-button:hover{color:#fff}.mobile-menu-inner .mobile-menu-link-button:last-of-type{border-bottom:none}.footer{padding:3.5rem 0 2rem;background:#010101;position:relative;overflow:hidden;overscroll-behavior:contain;contain:layout style paint;transform:translateZ(0)}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff14}.footer-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:1rem}.footer-brand{max-width:400px}.footer-logo{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.footer-logo-text{font-size:1.3125rem;font-weight:600;color:#fff}.footer-description{color:var(--text-secondary);line-height:1.7;margin-bottom:2rem;font-size:1rem;max-width:360px}.footer-social{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:auto;height:auto;background:none;border:none;border-radius:0;color:var(--text-muted);text-decoration:none;transition:all .3s ease;position:relative;padding:.5rem}.social-link:hover{color:var(--text-secondary);transform:translateY(-1px)}.social-link i{font-size:1.125rem}.social-link .fa-instagram{font-weight:900;-webkit-text-stroke:.5px currentColor;text-stroke:.5px currentColor}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;padding-left:2rem}.footer-column{display:flex;flex-direction:column}.footer-title{color:var(--text-primary);font-weight:700;font-size:1.125rem;margin-bottom:1.5rem;position:relative;padding-bottom:.5rem}.footer-title:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:#fff;border-radius:1px}.footer-menu{list-style:none;display:flex;flex-direction:column;gap:.4rem}.footer-menu li{margin:0;padding:0}.footer-menu li a,.footer-menu li button,.footer-menu li a[class*=Link]{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;line-height:1.5;transition:all .3s ease;display:flex;align-items:center;gap:.675rem;padding:.375rem 0;border-radius:6px;white-space:nowrap}.footer-menu li a:hover,.footer-menu li button:hover{color:#fff}.footer-menu li a .fas,.footer-menu li button .fas{font-size:.75rem;opacity:.7;transition:opacity .3s ease;flex-shrink:0;line-height:1}.footer-menu li a:hover .fas,.footer-menu li button:hover .fas{opacity:1;color:#fff}.footer-link-button{background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;width:100%;margin:0}.footer-bottom{position:relative;z-index:2;text-align:center;padding-top:1rem}.footer-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--card-border),transparent);margin-bottom:2rem}.footer-copyright{color:var(--text-muted);font-size:.9rem;font-weight:500;opacity:.8}@media(max-width:1024px){.footer-links{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:2rem 1.5rem!important;row-gap:3rem!important;padding-left:0!important;justify-content:flex-start!important;align-items:flex-start!important}.footer-column{flex:none!important;text-align:left!important;max-width:none!important}.footer-title{text-align:left!important}.footer-menu{text-align:left!important;align-items:flex-start!important}.footer-menu li{text-align:left!important}.footer-menu li a{justify-content:flex-start!important;text-align:left!important}}@media(max-width:768px){.footer-links{display:flex!important;flex-wrap:wrap!important;row-gap:2rem!important;column-gap:1rem!important;padding-left:0!important;justify-content:flex-start!important;align-items:flex-start!important}.footer-column{flex:1 1 120px!important;text-align:left!important;max-width:200px!important;margin-bottom:2rem!important}.footer-column:last-child{margin-bottom:0!important}.footer-title{text-align:left!important}.footer-menu{text-align:left!important;align-items:flex-start!important}.footer-menu li a{justify-content:flex-start!important;text-align:left!important}}@media(max-width:480px){.footer-links{gap:1rem 2rem!important}.footer-column{flex:1 1 100px!important;max-width:150px!important}}@media(max-width:768px){.nav-links{display:none}.mobile-menu-toggle{display:flex}}@media(max-width:1024px){.social-link:hover{color:var(--text-muted)!important;transform:none!important}}@media(max-width:768px){.footer{padding:4rem 0 2rem}.footer-content{grid-template-columns:1fr;gap:3rem}.footer-links{grid-template-columns:repeat(2,1fr);gap:2rem;padding-left:0}.footer-brand{max-width:none;text-align:center}.footer-social,.footer-logo{justify-content:center}.footer-description{text-align:center;max-width:300px;margin-left:auto;margin-right:auto}}@media(max-width:480px){.footer{padding:3rem 0 2rem}.footer-content{gap:2.5rem}.footer-links{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-social{gap:.75rem}.social-link{width:44px;height:44px}.social-link i{font-size:1rem}.footer-logo-text{font-size:1.05rem}.footer-description{text-align:center;max-width:300px;margin-left:auto;margin-right:auto}}.footer-container{margin:0 4rem;padding:0;max-width:none}@media(max-width:1024px){.footer-container{margin:0 2rem}}@media(max-width:768px){.footer-container{margin:0 1.5rem}}@media(max-width:480px){.footer-container{margin:0 1rem}}body{display:flex;flex-direction:column;background:linear-gradient(180deg,#000,#030712,#000)!important}main.blog-main{flex:1 0 auto;max-width:1060px;margin:0 auto;padding:3rem 1.5rem 5rem;padding-top:calc(3rem + 70px)}@media(max-width:768px){main.blog-main{padding:1.25rem .875rem 2.5rem;padding-top:calc(1.25rem + 60px);max-width:100%;overflow-x:hidden}}html,body{overflow-x:hidden;max-width:100vw}.blog-main a{color:var(--primary);text-decoration:none;transition:color .2s ease}.blog-main a:hover{color:var(--secondary)}img{max-width:100%;height:auto;border-radius:12px}