:root{--black: #000000;--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--accent: #ff0000;--success: #00ff00;--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--transition-fast: 0.15s ease;--transition-normal: 0.3s ease;--transition-slow: 0.5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);line-height:1.6;color:var(--black);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body.mobile-menu-open{overflow:hidden;position:fixed;width:100%}@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}button:focus,.nav-cta:focus{outline:2px solid var(--black);outline-offset:2px}.animate-slide-up{opacity:0;transform:translateY(30px);animation:slideUp .8s ease forwards}.animate-slide-up:nth-child(1){animation-delay:.1s}.animate-slide-up:nth-child(2){animation-delay:.2s}.animate-slide-up:nth-child(3){animation-delay:.3s}.animate-slide-up:nth-child(4){animation-delay:.4s}.reveal-text{opacity:0;transform:translateY(20px)}.reveal-text.revealed{opacity:1;transform:translateY(0);transition:all .8s ease}.slide-in{opacity:0;transform:translateX(-30px)}.slide-in.animated{opacity:1;transform:translateX(0);transition:all .6s ease}.hover-lift{transition:all var(--transition-normal)}.hover-lift:hover{transform:translateY(-8px)}.magnetic{transition:all var(--transition-normal)}.counter{opacity:0}.container{max-width:1200px;margin:0 auto;padding:0 24px}.cursor-follower{position:fixed;width:20px;height:20px;background:var(--black);border-radius:50%;pointer-events:none;z-index:9999;transition:transform .1s ease;mix-blend-mode:difference}.section-header{text-align:center;margin-bottom:80px;max-width:700px;margin-left:auto;margin-right:auto}.section-title{font-size:56px;font-weight:900;color:var(--black);margin-bottom:20px;line-height:1.1;letter-spacing:-2px}.section-subtitle{font-size:22px;color:var(--gray-600);line-height:1.6}@media(max-width: 768px){.container{padding:0 16px}.section-title{font-size:2.5rem}}@media(max-width: 480px){.section-title{font-size:2rem}}@keyframes grid-move{0%{transform:translate(0, 0)}100%{transform:translate(50px, 50px)}}@keyframes float-1{0%,100%{transform:translate(0, 0) rotate(0deg)}33%{transform:translate(30px, -30px) rotate(120deg)}66%{transform:translate(-20px, 20px) rotate(240deg)}}@keyframes float-2{0%,100%{transform:translate(0, 0) rotate(0deg)}50%{transform:translate(-40px, -40px) rotate(180deg)}}@keyframes float-3{0%,100%{transform:translate(0, 0) rotate(0deg)}25%{transform:translate(20px, -30px) rotate(90deg)}75%{transform:translate(-30px, 10px) rotate(270deg)}}@keyframes highlight-expand{from{width:0}to{width:100%}}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-color:rgba(0,0,0,0)}50%{border-color:var(--success)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes typing-dot{0%,80%,100%{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}@keyframes bounce-up{0%{transform:translateY(0)}100%{transform:translateY(-3px)}}@keyframes particle-float{0%{opacity:0;transform:translateY(0) scale(0)}50%{opacity:1;transform:translateY(-10px) scale(1)}100%{opacity:0;transform:translateY(-20px) scale(0)}}@keyframes ripple-effect{0%{width:0;height:0;opacity:.5}100%{width:60px;height:60px;opacity:0}}@keyframes progress-glow{0%,100%{filter:drop-shadow(0 0 6px rgba(0, 0, 0, 0.3))}50%{filter:drop-shadow(0 0 12px rgba(0, 0, 0, 0.6))}}@keyframes scrolling-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes bot-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes code-blink{0%,100%{opacity:1}50%{opacity:.3}}@keyframes eye-look{0%,100%{transform:translate(0, 0)}25%{transform:translate(2px, -1px)}75%{transform:translate(-2px, 1px)}}@keyframes footer-pattern-move{0%{transform:translate(0, 0)}100%{transform:translate(30px, 30px)}}@keyframes float-footer-1{0%,100%{transform:translate(0, 0) rotate(0deg)}25%{transform:translate(20px, -30px) rotate(90deg)}50%{transform:translate(-20px, -20px) rotate(180deg)}75%{transform:translate(-30px, 20px) rotate(270deg)}}@keyframes float-footer-2{0%,100%{transform:translate(0, 0) rotate(0deg)}33%{transform:translate(-25px, 25px) rotate(120deg)}66%{transform:translate(25px, -25px) rotate(240deg)}}@keyframes float-footer-3{0%,100%{transform:translate(0, 0) rotate(0deg)}50%{transform:translate(30px, -30px) rotate(180deg)}}@keyframes heartbeat{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes contact-pattern{0%{background-position:0 0}100%{background-position:30px 30px}}@keyframes error-appear{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes coaching-shine{0%,100%{background-position:-200% -200%}50%{background-position:200% 200%}}@keyframes grid-move-404{0%{transform:translate(0, 0)}100%{transform:translate(50px, 50px)}}@keyframes float-404-1{0%,100%{transform:translate(0, 0) rotate(0deg)}33%{transform:translate(30px, -30px) rotate(120deg)}66%{transform:translate(-20px, 20px) rotate(240deg)}}@keyframes float-404-2{0%,100%{transform:translate(0, 0) rotate(0deg)}50%{transform:translate(-40px, -40px) rotate(180deg)}}@keyframes float-404-3{0%,100%{transform:translate(0, 0) rotate(0deg)}25%{transform:translate(20px, -30px) rotate(90deg)}75%{transform:translate(-30px, 10px) rotate(270deg)}}@keyframes float-404-4{0%,100%{transform:translate(0, 0) rotate(0deg)}40%{transform:translate(-25px, 35px) rotate(144deg)}80%{transform:translate(35px, -25px) rotate(288deg)}}@keyframes code-fall{0%{transform:translateY(-100vh);opacity:0}10%{opacity:.3}90%{opacity:.3}100%{transform:translateY(100vh);opacity:0}}@keyframes blink-cursor{0%,50%{opacity:1}51%,100%{opacity:0}}@keyframes search-pattern{0%{background-position:0 0}100%{background-position:30px 30px}}@keyframes suggestion-appear{to{opacity:1;transform:translateY(0)}}@keyframes vibe-pulse{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(-3px);opacity:.8}}@keyframes vibe-glow{0%,100%{box-shadow:var(--shadow-xl)}50%{box-shadow:0 0 30px rgba(0,0,0,.5),0 0 60px rgba(0,0,0,.3)}}@keyframes success-pulse{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.1)}100%{transform:translateY(0) scale(1)}}@keyframes success-bounce{0%,100%{transform:translateY(0)}25%{transform:translateY(-4px)}50%{transform:translateY(0)}75%{transform:translateY(-2px)}}.nav{position:fixed;top:0;left:0;right:0;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200);z-index:9999;padding:16px 0;transition:all var(--transition-normal)}.nav.scrolled{padding:12px 0;background:hsla(0,0%,100%,.98);box-shadow:var(--shadow-lg);border-bottom-color:var(--gray-300)}.nav-container{display:flex;align-items:center;gap:8px}.nav-brand .logo-vibe-coding{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;transition:all var(--transition-normal)}.nav-brand .logo-container{display:flex;align-items:center;gap:6px}.nav-brand .vibe-text{font-size:18px;font-weight:900;letter-spacing:1.5px;color:var(--black)}.nav-brand .separator{opacity:.6;color:var(--gray-400)}.nav-brand .coding-text{font-size:18px;font-weight:300;letter-spacing:1px;color:var(--gray-600)}.nav-brand .logo-subtitle{font-size:11px;font-weight:500;color:var(--gray-500);letter-spacing:.5px;margin-top:2px}.nav-brand:hover .vibe-text{color:var(--black)}.nav-brand:hover .coding-text{color:var(--gray-800)}.nav-brand:hover .separator{opacity:1}.nav-menu{display:flex;align-items:center}.nav-links{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:6px;padding:12px 16px;color:var(--gray-700);text-decoration:none;font-weight:500;font-size:14px;border-radius:var(--radius-lg);transition:all var(--transition-normal);letter-spacing:.3px;white-space:nowrap}.nav-link:hover,.nav-link.active{background:var(--gray-100);color:var(--black);transform:translateY(-1px)}.nav-link svg{opacity:.7;transition:opacity var(--transition-normal)}.nav-link:hover svg,.nav-link.active svg{opacity:1}.dropdown{position:relative}.dropdown-toggle{cursor:pointer}.dropdown-arrow{transition:transform var(--transition-normal)}.dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:16px 0;min-width:280px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-normal);z-index:1000;list-style:none;margin:8px 0 0 0}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{margin:0}.dropdown-link{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;color:var(--gray-700);text-decoration:none;font-size:14px;font-weight:500;transition:all var(--transition-fast)}.dropdown-link:hover{background:var(--gray-50);color:var(--black);transform:translateX(4px)}.category-count{background:var(--gray-200);color:var(--gray-600);padding:2px 8px;border-radius:50px;font-size:11px;font-weight:700}.dropdown-divider{height:1px;background:var(--gray-200);margin:8px 16px}.view-all{font-weight:600;color:var(--black)}.view-all svg{margin-right:8px}.nav-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.nav-cta{display:flex;align-items:center;gap:8px;background:var(--black);color:var(--white);border:none;padding:12px 20px;border-radius:var(--radius-lg);font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;transition:all var(--transition-normal);letter-spacing:.5px}.nav-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--gray-800)}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-md);transition:all var(--transition-normal);z-index:10001;position:relative}.mobile-menu-toggle:hover{background:var(--gray-100)}.hamburger-line{width:24px;height:2px;background:var(--black);border-radius:2px;transition:all var(--transition-normal);transform-origin:center}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px, 6px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0;transform:scale(0)}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px, -6px)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);z-index:10000;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-container{position:absolute;top:0;right:0;height:100vh;width:100%;max-width:400px;background:var(--white);transform:translateX(100%);transition:transform var(--transition-normal);display:flex;flex-direction:column;overflow-y:auto}.mobile-menu-overlay.active .mobile-menu-container{transform:translateX(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid var(--gray-200);background:var(--gray-50)}.mobile-logo .logo-container{display:flex;align-items:center;gap:6px}.mobile-logo .vibe-text{font-size:20px;font-weight:900;letter-spacing:1.5px;color:var(--black)}.mobile-logo .coding-text{font-size:20px;font-weight:300;letter-spacing:1px;color:var(--gray-600)}.mobile-logo .logo-subtitle{font-size:12px;font-weight:500;color:var(--gray-500);letter-spacing:.5px;margin-top:2px}.mobile-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-md);color:var(--gray-600);transition:all var(--transition-normal)}.mobile-close:hover{background:var(--gray-200);color:var(--black);transform:rotate(90deg)}.mobile-menu-content{flex:1;padding:32px 24px;display:flex;flex-direction:column;gap:40px}.mobile-nav-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.mobile-nav-item{border-bottom:1px solid var(--gray-200)}.mobile-nav-link{display:flex;align-items:center;gap:16px;padding:20px 0;color:var(--gray-700);text-decoration:none;font-weight:600;font-size:18px;transition:all var(--transition-normal);position:relative}.mobile-nav-link::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--black);transition:width var(--transition-normal)}.mobile-nav-link:hover{color:var(--black);transform:translateX(8px)}.mobile-nav-link:hover::after{width:100%}.mobile-nav-link svg{opacity:.7;transition:all var(--transition-normal)}.mobile-nav-link:hover svg{opacity:1;transform:scale(1.1)}.mobile-cta{margin-top:auto;padding-top:32px;border-top:2px solid var(--gray-200)}.mobile-cta-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:var(--black);color:var(--white);padding:20px 24px;border-radius:var(--radius-xl);text-decoration:none;font-weight:800;font-size:18px;transition:all var(--transition-normal);position:relative;overflow:hidden;letter-spacing:.5px}.mobile-cta-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left .5s}.mobile-cta-btn:hover::before{left:100%}.mobile-cta-btn:hover{background:var(--gray-800);transform:translateY(-3px);box-shadow:var(--shadow-xl)}.mobile-cta-price{text-align:center;font-size:14px;color:var(--gray-600);font-weight:600;margin-top:12px;letter-spacing:.5px}.mobile-menu-footer{padding:24px;border-top:2px solid var(--gray-200);background:var(--gray-50);text-align:center}.mobile-social{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.mobile-social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-600);text-decoration:none;transition:all var(--transition-normal)}.mobile-social-link:hover{background:var(--black);color:var(--white);border-color:var(--black);transform:translateY(-2px)}.mobile-footer-text{font-size:14px;color:var(--gray-600);font-weight:500}@media(max-width: 1024px){.nav-links{gap:4px}.nav-link{padding:10px 12px;font-size:13px}.nav-cta{padding:10px 16px;font-size:13px}}@media(max-width: 768px){.nav-menu,.nav-actions{display:none}.mobile-menu-toggle{display:flex}.nav-brand .vibe-text,.nav-brand .coding-text{font-size:16px}.nav-brand .logo-subtitle{font-size:10px}.mobile-menu-container{max-width:360px}}@media(max-width: 480px){.nav{padding:12px 0}.mobile-menu-container{max-width:100%}.nav-brand .vibe-text,.nav-brand .coding-text{font-size:14px}.nav-brand .logo-container{gap:4px}.mobile-menu-content{padding:24px 20px}.mobile-nav-link{font-size:16px}}.nav-search{position:relative}.search-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(0,0,0,0);border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-600);cursor:pointer;transition:all var(--transition-normal)}.search-toggle:hover{background:var(--gray-100);border-color:var(--gray-300);color:var(--black);transform:scale(1.05)}.search-toggle.active{background:var(--black);border-color:var(--black);color:var(--white)}.search-dropdown{position:absolute;top:100%;right:0;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:24px;min-width:400px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-normal);z-index:1000;margin-top:8px}.search-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.nav-search-form{margin-bottom:20px}.search-input-wrapper{display:flex;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.search-input-wrapper:focus-within{border-color:var(--black);box-shadow:0 0 0 4px rgba(0,0,0,.1)}.search-icon{margin:12px 0 12px 16px;color:var(--gray-500);flex-shrink:0}.nav-search-input{flex:1;border:none;outline:none;padding:12px 16px;font-size:15px;font-family:var(--font-sans);background:rgba(0,0,0,0)}.nav-search-input::placeholder{color:var(--gray-500)}.search-submit-btn{background:var(--black);color:var(--white);border:none;padding:12px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.search-submit-btn:hover{background:var(--gray-800)}.search-suggestions{border-top:1px solid var(--gray-200);padding-top:16px}.suggestions-header{font-size:12px;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.suggestions-list{display:flex;flex-direction:column;gap:4px}.suggestion-item{display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--gray-700);text-decoration:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;transition:all var(--transition-normal);opacity:0;transform:translateY(10px);animation:suggestion-appear .3s ease forwards}.suggestion-item:nth-child(1){animation-delay:.1s}.suggestion-item:nth-child(2){animation-delay:.2s}.suggestion-item:nth-child(3){animation-delay:.3s}.suggestion-item:nth-child(4){animation-delay:.4s}.suggestion-item:hover{background:var(--gray-100);color:var(--black);transform:translateX(4px)}.suggestion-item svg{opacity:.7;color:var(--gray-500)}.suggestion-item:hover svg{opacity:1;color:var(--black)}.mobile-search{padding:20px 24px;border-bottom:2px solid var(--gray-200)}.mobile-search-wrapper{display:flex;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.mobile-search-wrapper:focus-within{border-color:var(--black);box-shadow:0 0 0 4px rgba(0,0,0,.1)}.mobile-search-icon{margin:14px 0 14px 16px;color:var(--gray-500);flex-shrink:0}.mobile-search-input{flex:1;border:none;outline:none;padding:14px 5px;font-size:16px;font-family:var(--font-sans);background:rgba(0,0,0,0)}.mobile-search-input::placeholder{color:var(--gray-500)}.mobile-search-submit{background:var(--black);color:var(--white);border:none;padding:14px 18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.mobile-search-submit:hover{background:var(--gray-800)}.search-dropdown::before{content:"";position:absolute;top:-8px;right:20px;width:16px;height:16px;background:var(--white);border:2px solid var(--gray-200);border-bottom:none;border-right:none;transform:rotate(45deg)}.search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:999;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.search-overlay.show{opacity:1;visibility:visible}.search-shortcut{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--gray-200);color:var(--gray-600);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;pointer-events:none;opacity:.8}.nav-search-input:focus+.search-shortcut,.nav-search-input:not(:placeholder-shown)+.search-shortcut{display:none}.nav-search-input:focus{background:var(--white)}.search-dropdown.show .nav-search-input{background:var(--white)}@media(max-width: 1024px){.search-dropdown{min-width:350px;right:-50px}}@media(max-width: 768px){.nav-search{display:none}.mobile-search{display:block}}@media(max-width: 480px){.search-dropdown{position:fixed;top:80px;left:16px;right:16px;min-width:auto;max-width:none}.search-dropdown::before{display:none}}.footer{background:var(--black);color:var(--white);padding:80px 0 40px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:40px;text-align:center}.footer-brand h3{font-size:24px;font-weight:800;margin-bottom:16px}.footer-brand p,.footer-contact p,.footer-legal p{font-size:16px;opacity:.8;margin-bottom:8px;color:var(--gray-400)}.footer-contact h4{font-size:18px;font-weight:700;margin-bottom:16px}.footer-vibe{position:relative;background:var(--black);color:var(--white);overflow:hidden}.footer-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.footer-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);background-size:30px 30px;animation:footer-pattern-move 20s linear infinite}.footer-float{position:absolute;top:0;left:0;width:100%;height:100%}.float-code,.float-ai,.float-wp{position:absolute;font-size:120px;font-weight:900;color:hsla(0,0%,100%,.03);pointer-events:none;z-index:1}.float-code{top:10%;left:5%;animation:float-footer-1 25s ease-in-out infinite}.float-ai{top:30%;right:10%;animation:float-footer-2 30s ease-in-out infinite}.float-wp{bottom:20%;left:15%;animation:float-footer-3 35s ease-in-out infinite}.footer-main{position:relative;z-index:2;padding:80px 0 60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:60px}.footer-brand{display:flex;flex-direction:column;gap:24px}.footer-logo .logo-vibe-coding{margin-bottom:20px}.footer-logo .logo-container{display:flex;align-items:center;gap:8px}.footer-logo .vibe-text{font-size:24px;font-weight:900;letter-spacing:2px;color:var(--white)}.footer-logo .separator{opacity:.8;color:var(--gray-400)}.footer-logo .coding-text{font-size:24px;font-weight:300;letter-spacing:1.5px;color:var(--gray-300)}.footer-logo .logo-subtitle{font-size:14px;font-weight:500;color:var(--gray-400);letter-spacing:.5px;margin-top:4px}.footer-description{font-size:16px;line-height:1.6;color:var(--gray-300);max-width:400px}.footer-stats{display:flex;gap:32px;margin-top:20px}.footer-stats .stat{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-stats .stat-number{font-size:28px;font-weight:900;color:var(--white);line-height:1;letter-spacing:-1px}.footer-stats .stat-label{font-size:12px;color:var(--gray-400);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.footer-title{font-size:18px;font-weight:800;color:var(--white);margin-bottom:24px;letter-spacing:-0.5px}.footer-menu{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-link{display:flex;align-items:center;gap:8px;color:var(--gray-400);text-decoration:none;font-size:14px;font-weight:500;transition:all var(--transition-normal);padding:8px 0}.footer-link:hover{color:var(--white);transform:translateX(4px)}.footer-link.highlight{color:var(--white);font-weight:700;background:var(--gray-800);padding:8px 16px;border-radius:var(--radius-lg);margin-top:8px}.footer-link.highlight:hover{background:var(--gray-700);transform:translateX(0) translateY(-2px)}.contact-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--gray-300)}.contact-item svg{color:var(--gray-500)}.contact-link{color:var(--gray-300);text-decoration:none;transition:color var(--transition-normal)}.contact-link:hover{color:var(--white)}.social-links{display:flex;gap:16px;margin-bottom:32px}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--gray-800);border-radius:var(--radius-lg);color:var(--gray-400);text-decoration:none;transition:all var(--transition-normal)}.social-link:hover{background:var(--white);color:var(--black);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.footer-cta-btn{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--black);padding:12px 20px;border-radius:var(--radius-lg);text-decoration:none;font-weight:700;font-size:14px;transition:all var(--transition-normal);letter-spacing:.3px}.footer-cta-btn:hover{background:var(--gray-200);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.footer-bottom{background:var(--gray-900);border-top:1px solid var(--gray-800);padding:32px 0;position:relative;z-index:2}.bottom-content{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--gray-500)}.legal-links{display:flex;align-items:center;gap:32px}.legal-menu{display:flex;gap:24px}.legal-link{color:var(--gray-500);text-decoration:none;transition:color var(--transition-normal)}.legal-link:hover{color:var(--gray-300)}.business-info{display:flex;align-items:center;gap:24px}.made-with{display:flex;align-items:center;gap:4px}.heart{color:#ff4757;animation:heartbeat 1.5s ease-in-out infinite}@media(max-width: 1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.newsletter-content{grid-template-columns:1fr;gap:40px;text-align:center}.footer-stats{justify-content:center;gap:24px}}@media(max-width: 768px){.footer-main{padding:60px 0 40px}.footer-grid{grid-template-columns:1fr;gap:40px;text-align:center}.footer-brand{align-items:center}.footer-description{max-width:none}.footer-stats{gap:20px}.social-links{justify-content:center}.newsletter-content{gap:32px}.form-group{flex-direction:column}.newsletter-perks{justify-content:center;gap:16px}.bottom-content{flex-direction:column;gap:20px;text-align:center}.legal-links{flex-direction:column;gap:16px}.legal-menu{gap:16px}.business-info{flex-direction:column;gap:12px}.float-code,.float-ai,.float-wp{font-size:80px}.footer-content{grid-template-columns:1fr;text-align:center}}@media(max-width: 480px){.footer-main{padding:40px 0 32px}.footer-bottom{padding:24px 0}.newsletter-perks{flex-direction:column;gap:8px}.float-code,.float-ai,.float-wp{display:none}}@media print{.footer{display:none}}.btn-primary{background:var(--black);color:var(--white);border:none;padding:18px 40px;border-radius:var(--radius-xl);font-weight:700;font-size:16px;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:12px;position:relative;overflow:hidden;letter-spacing:.5px}.btn-primary::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left .5s}.btn-primary:hover::before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.btn-primary.large{padding:22px 50px;font-size:18px}.btn-arrow{transition:transform var(--transition-normal)}.btn-primary:hover .btn-arrow{transform:translateX(4px)}.btn-secondary{background:rgba(0,0,0,0);color:var(--black);border:2px solid var(--black);padding:16px 32px;border-radius:var(--radius-xl);font-weight:600;font-size:16px;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:8px;letter-spacing:.5px}.btn-secondary:hover{background:var(--black);color:var(--white);transform:translateY(-2px)}.play-icon{font-size:12px}.cta{padding:120px 0;background:var(--white);text-align:center}.cta-content{max-width:700px;margin:0 auto}.cta-title{font-size:56px;font-weight:900;margin-bottom:20px;line-height:1.1;letter-spacing:-2px;color:var(--black)}.cta-subtitle{font-size:22px;color:var(--gray-600);margin-bottom:48px;line-height:1.6}.cta-actions{margin-bottom:48px}.cta-guarantees{display:flex;justify-content:center;gap:40px;margin-bottom:40px;flex-wrap:wrap}.guarantee-item{display:flex;align-items:center;gap:8px;font-size:16px;color:var(--gray-600)}.guarantee-icon{color:var(--success);font-size:18px}.cta-urgency{background:var(--gray-100);border:2px solid var(--gray-300);padding:24px 32px;border-radius:var(--radius-lg);font-size:16px;color:var(--black)}@media(max-width: 768px){.cta-guarantees{flex-direction:column;gap:20px}.cta-title{font-size:2.5rem}}.nav-brand .logo-vibe-coding{display:flex;flex-direction:column;align-items:flex-start}.nav-brand .logo-container{display:flex;align-items:center;gap:6px}.nav-brand .vibe-text{font-size:16px;font-weight:900;letter-spacing:1.5px;color:var(--black)}.nav-brand .separator{opacity:.6;color:var(--gray-400)}.nav-brand .coding-text{font-size:16px;font-weight:300;letter-spacing:1px;color:var(--gray-600)}.nav-brand .logo-subtitle{font-size:11px;font-weight:500;color:var(--gray-500);letter-spacing:.5px;margin-top:1px}.nav-brand:hover .vibe-text{color:var(--black)}.nav-brand:hover .coding-text{color:var(--gray-800)}.nav-brand:hover .separator{opacity:1}@media(max-width: 768px){.nav-brand .vibe-text,.nav-brand .coding-text{font-size:14px}.nav-brand .logo-subtitle{font-size:10px}.nav-brand .logo-container{gap:4px}}.back-to-top-wrapper{position:fixed;bottom:30px;right:30px;z-index:9999;opacity:0;visibility:hidden;transform:translateY(100px) scale(0.5);transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.back-to-top-wrapper.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.progress-ring{position:relative;width:60px;height:60px}.progress-ring-svg{position:absolute;top:0;left:0;transform:rotate(-90deg);width:100%;height:100%}.progress-ring-circle-bg{opacity:.2}.progress-ring-circle{stroke-dasharray:163.36;stroke-dashoffset:163.36;transition:stroke-dashoffset .3s ease;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(0, 0, 0, 0.3))}.back-to-top-btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;background:var(--black);border:none;border-radius:50%;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 0 0 rgba(0,0,0,.4)}.back-to-top-btn:hover{transform:translate(-50%, -50%) scale(1.1);box-shadow:0 8px 30px rgba(0,0,0,.4),0 0 0 10px rgba(0,0,0,.1)}.back-to-top-btn:active{transform:translate(-50%, -50%) scale(0.95)}.btn-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--white);transition:all .3s ease}.arrow-icon{margin-bottom:2px;transition:transform .3s ease}.back-to-top-btn:hover .arrow-icon{transform:translateY(-2px);animation:bounce-up .6s ease infinite alternate}.vibe-text{font-size:8px;font-weight:900;letter-spacing:.5px;opacity:.8;transition:opacity .3s ease}.back-to-top-btn:hover .vibe-text{opacity:1}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;border-radius:50%}.particle{position:absolute;width:3px;height:3px;background:var(--white);border-radius:50%;opacity:0;animation:particle-float 3s ease-in-out infinite}.particle:nth-child(1){top:20%;left:20%;animation-delay:0s}.particle:nth-child(2){top:30%;right:20%;animation-delay:.6s}.particle:nth-child(3){bottom:20%;left:30%;animation-delay:1.2s}.particle:nth-child(4){bottom:30%;right:30%;animation-delay:1.8s}.particle:nth-child(5){top:50%;left:50%;animation-delay:2.4s}.ripple{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%, -50%);pointer-events:none;opacity:0}.back-to-top-btn:active .ripple{animation:ripple-effect .6s ease-out}.tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:12px;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.back-to-top-wrapper:hover .tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-5px)}.tooltip-text{background:var(--black);color:var(--white);padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.3)}.tooltip-arrow{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-top:6px solid var(--black)}.back-to-top-wrapper{transition:all .3s ease}.back-to-top-wrapper.magnetic{transform:translateY(0) scale(1.05)}@media(prefers-color-scheme: dark){.progress-ring-circle-bg{stroke:#374151}.back-to-top-btn{background:var(--white);color:var(--black)}.btn-content{color:var(--black)}.particle{background:var(--black)}.tooltip-text{background:var(--white);color:var(--black)}.tooltip-arrow{border-top-color:var(--white)}}.back-to-top-btn.scrolling{cursor:not-allowed;transition:all .3s ease}.back-to-top-btn.scrolling .btn-content{opacity:.6}.back-to-top-btn.scrolling .arrow-icon{animation:scrolling-spin 1s linear infinite}.back-to-top-btn.scrolling:hover{transform:translate(-50%, -50%) scale(1) !important;box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 0 0 rgba(0,0,0,.4) !important}.back-to-top-btn.scrolling:hover .arrow-icon{animation:scrolling-spin 1s linear infinite !important}.back-to-top-btn.scrolling:hover .vibe-text{opacity:.6 !important}@media(max-width: 768px){.back-to-top-wrapper{bottom:20px;right:20px}.progress-ring{width:60px;height:60px}.back-to-top-btn{width:45px;height:45px}.tooltip{display:none}}@media(prefers-reduced-motion: reduce){.back-to-top-wrapper,.back-to-top-btn,.arrow-icon,.particles,.particle{animation:none;transition:none}}.back-to-top-vibe{position:fixed;bottom:32px;right:32px;width:56px;height:56px;background:var(--black);border-radius:50%;cursor:pointer;z-index:9999;opacity:0;visibility:hidden;transform:translateY(20px) scale(0.8);transition:all var(--transition-normal);box-shadow:var(--shadow-xl);overflow:hidden}.back-to-top-vibe.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.back-to-top-vibe:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 40px rgba(0,0,0,.3);border-color:hsla(0,0%,100%,.2)}.back-to-top-vibe:active{transform:translateY(-2px) scale(0.95)}.progress-ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-svg{width:100%;height:100%}.progress-ring-circle{transition:stroke-dashoffset .3s ease;filter:drop-shadow(0 0 4px rgba(255, 255, 255, 0.5))}.back-to-top-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all var(--transition-normal)}.vibe-icon{color:var(--white);margin-bottom:2px;transition:all var(--transition-normal)}.back-to-top-vibe:hover .vibe-icon{transform:translateY(-2px);filter:drop-shadow(0 2px 4px rgba(255, 255, 255, 0.3))}.arrow-icon{animation:vibe-pulse 2s ease-in-out infinite}.percentage-text{color:var(--white);font-size:8px;font-weight:700;font-family:"Monaco",monospace;line-height:1;opacity:.8}.tooltip-vibe{position:absolute;right:100%;top:50%;transform:translateY(-50%);background:var(--black);color:var(--white);padding:12px 16px;border-radius:var(--radius-lg);font-size:12px;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(-50%) translateX(10px);transition:all var(--transition-normal);box-shadow:var(--shadow-lg);margin-right:12px;border:1px solid hsla(0,0%,100%,.1)}.tooltip-vibe::after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid rgba(0,0,0,0);border-left-color:var(--black)}.back-to-top-vibe:hover .tooltip-vibe{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}.tooltip-progress{font-size:10px;opacity:.7;margin-top:4px;color:var(--gray-300)}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;border-radius:50%}.particle{position:absolute;width:2px;height:2px;background:var(--white);border-radius:50%;opacity:0;animation:particle-float 3s ease-in-out infinite}.particle:nth-child(1){top:20%;left:20%;animation-delay:0s;animation-duration:2.5s}.particle:nth-child(2){top:60%;right:25%;animation-delay:.5s;animation-duration:3s}.particle:nth-child(3){bottom:30%;left:70%;animation-delay:1s;animation-duration:2.8s}.particle:nth-child(4){top:40%;left:60%;animation-delay:1.5s;animation-duration:3.2s}.particle:nth-child(5){bottom:20%;right:40%;animation-delay:2s;animation-duration:2.7s}.reading-progress-sidebar{position:fixed;left:0;top:50%;transform:translateY(-50%);height:300px;width:4px;z-index:9998;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.reading-progress-sidebar.show{opacity:1;visibility:visible}.progress-bar-vertical{position:absolute;left:0;top:0;width:4px;height:0%;background:linear-gradient(to bottom, var(--black), var(--gray-600));border-radius:2px;transition:height .3s ease;box-shadow:0 0 8px rgba(0,0,0,.3)}.reading-milestones{position:absolute;left:12px;top:0;height:100%;display:flex;flex-direction:column;justify-content:space-between}.milestone{position:relative;display:flex;align-items:center;gap:8px;opacity:.5;transition:all var(--transition-normal)}.milestone.reached{opacity:1}.milestone-dot{width:8px;height:8px;background:var(--gray-400);border-radius:50%;border:2px solid var(--white);box-shadow:0 2px 4px rgba(0,0,0,.2);transition:all var(--transition-normal)}.milestone.reached .milestone-dot{background:var(--black);transform:scale(1.2);box-shadow:0 0 12px rgba(0,0,0,.4)}.milestone-label{background:var(--white);color:var(--black);padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;box-shadow:var(--shadow-md);border:1px solid var(--gray-200);white-space:nowrap}.back-to-top-vibe.pulse-mode{animation:vibe-glow 2s ease-in-out infinite}.back-to-top-vibe.reading-mode{background:linear-gradient(135deg, var(--black), var(--gray-800))}.back-to-top-vibe.reading-mode:hover{background:linear-gradient(135deg, var(--gray-800), var(--black))}.back-to-top-vibe.at-bottom{background:linear-gradient(135deg, #059669, #10b981);animation:success-pulse 1s ease-in-out}.back-to-top-vibe.at-bottom .arrow-icon{animation:success-bounce .6s ease-in-out}@media(max-width: 768px){.back-to-top-vibe{display:none}}@media(prefers-color-scheme: dark){.back-to-top-vibe{background:var(--white);border-color:rgba(0,0,0,.2)}.vibe-icon{color:var(--black)}.progress-ring-circle{stroke:var(--black);filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.5))}.progress-ring-circle-bg{stroke:rgba(0,0,0,.2)}.percentage-text{color:var(--black)}.tooltip-vibe{background:var(--white);color:var(--black);border-color:rgba(0,0,0,.1)}.tooltip-vibe::after{border-left-color:var(--white)}.particle{background:var(--black)}}.back-to-top-vibe{will-change:transform,opacity}.progress-ring-circle{will-change:stroke-dashoffset}.particles-container{will-change:transform}@media print{.back-to-top-vibe,.reading-progress-sidebar{display:none !important}}.vibe-bot{position:fixed;bottom:120px;right:30px;z-index:1000;opacity:0;transform:translateX(100px);transition:all .5s ease}.vibe-bot.visible{opacity:1;transform:translateX(0)}.bot-container{width:50px;height:60px;background:var(--black);border-radius:15px 15px 8px 8px;position:relative;cursor:pointer;transition:all .3s ease;animation:bot-float 3s ease-in-out infinite}.bot-container:hover{transform:scale(1.1)}.bot-face{padding:8px}.bot-eyes{display:flex;justify-content:space-between;margin-bottom:4px}.eye{width:8px;height:8px;background:var(--white);border-radius:50%;position:relative;overflow:hidden}.pupil{width:4px;height:4px;background:var(--black);border-radius:50%;position:absolute;top:2px;left:2px;transition:all .2s ease}.bot-mouth{display:flex;justify-content:center;color:var(--white)}.bot-body{position:absolute;bottom:8px;left:50%;transform:translateX(-50%)}.code-lines{display:flex;flex-direction:column;gap:2px}.line{height:2px;background:var(--white);border-radius:1px;animation:code-blink 2s ease-in-out infinite}.line:nth-child(1){width:12px;animation-delay:0s}.line:nth-child(2){width:8px;animation-delay:.5s}.line:nth-child(3){width:10px;animation-delay:1s}.bot-speech{position:absolute;bottom:100%;right:0;background:var(--black);color:var(--white);padding:8px 12px;border-radius:12px 12px 4px 12px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;transform:translateY(10px);transition:all .3s ease;margin-bottom:8px}.bot-speech::after{content:"";position:absolute;top:100%;right:8px;width:0;height:0;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-top:6px solid var(--black)}.bot-container:hover+.bot-speech,.bot-speech:hover{opacity:1;transform:translateY(0)}.vibe-bot:hover .pupil{animation:eye-look 2s ease-in-out infinite}@media(max-width: 768px){.vibe-bot{bottom:100px;right:20px}.bot-container{width:45px;height:55px}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:var(--white);overflow:hidden;padding-top:100px}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--gray-200) 1px, transparent 1px),linear-gradient(90deg, var(--gray-200) 1px, transparent 1px);background-size:50px 50px;opacity:.3;animation:grid-move 20s linear infinite}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%}.float-element{position:absolute;width:200px;height:200px;border:1px solid var(--gray-300);border-radius:50%;opacity:.1}.float-element:nth-child(1){top:10%;left:10%;animation:float-1 15s ease-in-out infinite}.float-element:nth-child(2){top:60%;right:10%;animation:float-2 20s ease-in-out infinite}.float-element:nth-child(3){bottom:20%;left:50%;animation:float-3 25s ease-in-out infinite}.hero-content{position:relative;z-index:2;text-align:center;color:var(--black);max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--gray-100);border:1px solid var(--gray-300);padding:8px 20px;border-radius:50px;font-size:14px;font-weight:600;margin-bottom:32px;margin-top:60px;letter-spacing:.5px}.badge-icon{font-size:16px}.hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:900;line-height:1.1;margin-bottom:32px;letter-spacing:-2px}.highlight-text{position:relative;display:inline-block}.highlight-text::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--black);animation:highlight-expand 1s ease .5s both}.highlight-code{font-family:"Monaco","Menlo",monospace;background:var(--gray-100);padding:4px 12px;border-radius:var(--radius-sm);font-weight:700;letter-spacing:-1px}.hero-description{font-size:22px;line-height:1.6;margin-bottom:48px;color:var(--gray-700);max-width:700px;margin-left:auto;margin-right:auto}.emphasis{font-weight:700;color:var(--black)}.hero-stats{display:flex;justify-content:center;gap:60px;margin:60px 0;flex-wrap:wrap}.stat-item{text-align:center;position:relative}.stat-number{display:block;font-size:60px;font-weight:900;color:var(--black);line-height:1;letter-spacing:-2px}.stat-label{font-size:16px;color:var(--gray-600);margin-top:8px;font-weight:500;letter-spacing:.5px}.hero-actions{display:flex;justify-content:center;gap:20px;margin-bottom:60px;flex-wrap:wrap}.problem{padding:120px 0;background:var(--gray-50)}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:32px}.problem-card{background:var(--white);padding:40px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-normal);border:1px solid var(--gray-200);position:relative}.problem-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--black);border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:scaleX(0);transition:transform var(--transition-normal)}.problem-card:hover::before{transform:scaleX(1)}.problem-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.problem-icon{font-size:48px;margin-bottom:24px;display:block}.problem-card h3{font-size:24px;font-weight:700;color:var(--black);margin-bottom:16px;line-height:1.3}.problem-card p{font-size:16px;color:var(--gray-600);line-height:1.6;margin-bottom:24px}.problem-impact{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.impact-negative{color:var(--accent)}.problem-horizontal{display:flex;gap:10px;padding:20px 0;scroll-snap-type:x mandatory}.problem-item{min-width:280px;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:32px 24px;transition:all var(--transition-normal);scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center}.problem-item:hover{transform:translateY(-8px);border-color:var(--black);box-shadow:var(--shadow-xl)}.problem-item .problem-icon{margin-bottom:20px}.problem-item .problem-icon svg{color:var(--gray-600)}.problem-content h3{font-size:18px;font-weight:700;color:var(--black);margin-bottom:12px;line-height:1.3}.problem-content p{font-size:14px;color:var(--gray-600);line-height:1.5}.solution{padding:120px 0;background:var(--black);color:var(--white)}.solution-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.solution-badge{display:inline-flex;align-items:center;gap:8px;background:var(--gray-800);border:1px solid var(--gray-700);padding:8px 20px;border-radius:50px;font-size:14px;font-weight:600;margin-bottom:32px;letter-spacing:.5px}.solution-title{font-size:56px;font-weight:900;line-height:1.1;margin-bottom:32px;letter-spacing:-2px}.solution-description{font-size:20px;line-height:1.6;opacity:.9;margin-bottom:48px;color:var(--gray-300)}.solution-features{display:flex;flex-direction:column;gap:32px}.feature-item{display:flex;gap:20px;align-items:flex-start;padding:24px;background:var(--gray-900);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.feature-item:hover{background:var(--gray-800);transform:translateX(8px)}.feature-icon{font-size:28px;margin-top:4px}.feature-content h4{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--white)}.feature-content p{font-size:16px;opacity:.8;line-height:1.5;color:var(--gray-400)}.solution-demo{position:relative}.demo-window{background:var(--gray-900);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--gray-700)}.window-header{background:var(--gray-800);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gray-700)}.window-controls{display:flex;gap:8px}.control{width:12px;height:12px;border-radius:50%}.control.red{background:#ff5f57}.control.yellow{background:#ffbd2e}.control.green{background:#28ca42}.window-title{font-family:"Monaco",monospace;font-size:14px;color:var(--gray-400)}.demo-content{padding:32px}.demo-step{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--gray-700);opacity:.3;transition:all var(--transition-normal)}.demo-step.active{opacity:1;transform:translateX(8px)}.demo-step:last-child{border-bottom:none}.step-label{font-size:14px;font-weight:700;min-width:140px;text-transform:uppercase;letter-spacing:1px}.step-content{font-family:"Monaco",monospace;font-size:14px;color:var(--success)}.typing-animation{overflow:hidden;border-right:2px solid var(--accent);white-space:nowrap;animation:typing 3s steps(40, end),blink-caret .75s step-end infinite}.demo-result{background:var(--gray-800);border:1px solid var(--gray-600);padding:20px 24px;margin:32px;border-radius:var(--radius-lg);display:flex;align-items:center;gap:16px}.result-icon{color:var(--success);font-size:20px}.result-text{color:var(--success);font-weight:700}.pulse-animation{animation:pulse 2s ease-in-out infinite}.proof{padding:120px 0;background:var(--white)}.proof-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(380px, 1fr));gap:32px}.proof-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:40px;transition:all var(--transition-normal);position:relative}.proof-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--black)}.proof-card.featured{border-color:var(--black);background:var(--gray-50)}.proof-card.featured::before{content:"🏆 Dernier article";position:absolute;top:-12px;left:40px;background:var(--black);color:var(--white);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:.5px}.proof-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.proof-meta{display:flex;flex-direction:column;gap:4px}.proof-type{font-size:12px;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:1px}.proof-time{font-size:14px;color:var(--gray-600)}.proof-status{background:var(--success);color:var(--black);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:.5px}.proof-title{font-size:24px;font-weight:800;color:var(--black);margin-bottom:16px;line-height:1.3}.proof-description{font-size:16px;color:var(--gray-600);line-height:1.6;margin-bottom:32px}.proof-details{margin-bottom:32px}.detail-item{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px}.detail-label{color:var(--gray-600);font-weight:600}.detail-value{color:var(--black);font-weight:700}.proof-tech{display:flex;gap:8px;flex-wrap:wrap}.tech-tag{background:var(--black);color:var(--white);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:.5px}.proof-horizontal{display:flex;gap:10px;overflow-x:auto;padding:20px 0;scroll-snap-type:x mandatory}.proof-horizontal .proof-card{min-width:350px;scroll-snap-align:start}.proof-horizontal .proof-card.featured{min-width:400px}.method{padding:120px 0;background:var(--gray-50)}.method-timeline{margin-top:80px;position:relative}.method-timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--gray-300);transform:translateX(-50%)}.method-step{display:flex;align-items:center;margin-bottom:80px;position:relative}.method-step:nth-child(even){flex-direction:row-reverse}.method-step:nth-child(even) .step-content{text-align:right}.step-number{position:absolute;left:50%;background:var(--black);color:var(--white);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;transform:translateX(-50%);z-index:2}.step-content{width:45%;background:var(--white);padding:40px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:2px solid var(--gray-200);transition:all var(--transition-normal)}.step-content:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--black)}.step-content h3{font-size:24px;font-weight:800;color:var(--black);margin-bottom:16px}.step-content p{font-size:16px;color:var(--gray-600);line-height:1.6;margin-bottom:24px}.step-tools{display:flex;gap:8px;flex-wrap:wrap}.offer{padding:120px 0;background:var(--black);color:var(--white)}.offer-content{max-width:800px;margin:0 auto;text-align:center}.offer-header{margin-bottom:80px}.offer-title{font-size:56px;font-weight:900;margin-bottom:20px;line-height:1.1;letter-spacing:-2px}.offer-subtitle{font-size:22px;opacity:.9;line-height:1.6;color:var(--gray-300)}.offer-details{display:flex;flex-direction:column;gap:60px}.price-card{background:var(--gray-900);border:2px solid var(--gray-700);border-radius:var(--radius-xl);padding:60px 40px;text-align:left;transition:all var(--transition-normal)}.price-card:hover{border-color:var(--white);transform:translateY(-4px)}.price-header{text-align:center;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--gray-700)}.price-value{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:12px}.currency{font-size:28px;font-weight:700}.amount{font-size:80px;font-weight:900;line-height:1;letter-spacing:-3px}.price-period{font-size:18px;opacity:.8;color:var(--gray-400)}.price-features{display:flex;flex-direction:column;gap:20px}.feature-item{display:flex;align-items:flex-start;gap:16px;font-size:16px;padding:16px}.feature-icon{font-size:20px;margin-top:2px;color:var(--success)}.vibe-coding-showcase{background:var(--gray-900);border-radius:var(--radius-xl);padding:40px;color:var(--white)}.showcase-header{text-align:center;margin-bottom:40px}.showcase-header h3{font-size:28px;font-weight:800;margin-bottom:12px;color:var(--white)}.showcase-header p{font-size:16px;color:var(--gray-400)}.workflow-steps{position:relative;margin-bottom:40px}.workflow-step{display:flex;margin-bottom:40px;opacity:.4;transition:all var(--transition-normal)}.workflow-step.active{opacity:1}.workflow-step:last-child{margin-bottom:0}.step-indicator{display:flex;flex-direction:column;align-items:center;margin-right:24px;min-width:20px}.step-dot{width:20px;height:20px;border-radius:50%;background:var(--gray-600);transition:all var(--transition-normal);position:relative;z-index:2}.workflow-step.active .step-dot{background:var(--white);box-shadow:0 0 0 4px var(--gray-700)}.workflow-steps .step-line{width:2px;height:60px;background:var(--gray-700);margin-top:8px}.workflow-step:last-child .step-line{display:none}.workflow-steps .step-content{flex:1;background:var(--gray-800);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--gray-700);transition:all var(--transition-normal)}.workflow-step.active .step-content{border-color:var(--white);background:var(--gray-750)}.workflow-steps .step-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.workflow-steps .step-header svg{color:var(--gray-400)}.workflow-step.active .step-header svg{color:var(--white)}.workflow-steps .step-title{font-size:18px;font-weight:700;color:var(--white);flex:1}.workflow-steps .step-time{font-size:14px;color:var(--gray-400);background:var(--gray-700);padding:4px 12px;border-radius:20px}.workflow-steps .step-description{font-size:16px;color:var(--gray-300);line-height:1.5;margin-bottom:20px}.workflow-steps .step-visual{margin-top:20px}.workflow-steps .idea-bubble{background:linear-gradient(135deg, var(--gray-700), var(--gray-600));border-radius:var(--radius-lg);padding:20px;text-align:center}.workflow-steps .bubble-content{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600}.prompt-box{background:var(--black);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-600)}.prompt-header{background:var(--gray-700);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600}.typing-indicator{display:flex;gap:4px}.typing-indicator span{width:6px;height:6px;background:var(--gray-400);border-radius:50%;animation:typing-dot 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-0.32s}.typing-indicator span:nth-child(2){animation-delay:-0.16s}.prompt-content{padding:20px;font-family:"Monaco",monospace;font-size:14px;color:var(--gray-300)}.cursor-blink{animation:blink 1s infinite;color:var(--white)}.code-preview{background:var(--black);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-600)}.code-tabs{background:var(--gray-700);padding:12px 20px;display:flex;gap:16px}.tab{font-size:12px;color:var(--gray-400);padding:4px 8px;border-radius:4px;cursor:pointer}.tab.active{background:var(--gray-600);color:var(--white)}.code-content{padding:20px;font-family:"Monaco",monospace;font-size:13px}.code-line{display:flex;margin-bottom:4px}.line-number{color:var(--gray-500);margin-right:16px;min-width:20px;text-align:right}.code-text{color:var(--gray-300)}.result-showcase{background:var(--gray-700);border-radius:var(--radius-lg);overflow:hidden}.wordpress-admin{background:var(--white);color:var(--black);border-radius:var(--radius-lg)}.admin-header{background:var(--gray-100);padding:12px 20px;font-weight:600;font-size:14px;border-bottom:1px solid var(--gray-200)}.admin-content{padding:20px;display:flex;flex-direction:column;gap:12px}.menu-item{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--gray-700)}.menu-item.active{color:var(--black)}.success-badge{display:flex;align-items:center;gap:8px;background:var(--success);color:var(--black);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;align-self:flex-start}.workflow-summary{display:flex;justify-content:space-around;background:var(--gray-800);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--gray-700)}.summary-stat{text-align:center}.stat-value{display:block;font-size:32px;font-weight:900;color:var(--white);line-height:1;margin-bottom:8px}.stat-label{font-size:14px;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px}.feature-item.highlight{background:var(--gray-800);border:1px solid var(--gray-600);padding:20px;border-radius:var(--radius-lg);margin:12px 0}.feature-item.highlight .feature-icon svg{color:var(--success)}.prerequisites{margin-top:32px;padding-top:32px;border-top:1px solid var(--gray-700)}.prerequisites-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:18px;font-weight:700;color:var(--white)}.prerequisites-header svg{color:var(--gray-400)}.prerequisites-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.prerequisite-item{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--gray-300)}.prereq-icon{min-width:20px;height:20px;background:var(--gray-700);border-radius:50%;display:flex;align-items:center;justify-content:center}.prereq-icon svg{color:var(--success)}.prerequisites-note{background:var(--gray-800);border:1px solid var(--gray-600);padding:16px;border-radius:var(--radius-lg);font-size:14px;color:var(--gray-300);line-height:1.5}.prerequisites-note strong{color:var(--white)}.problem-horizontal::-webkit-scrollbar,.proof-horizontal::-webkit-scrollbar{height:6px}.problem-horizontal::-webkit-scrollbar-track,.proof-horizontal::-webkit-scrollbar-track{background:var(--gray-200);border-radius:3px}.problem-horizontal::-webkit-scrollbar-thumb,.proof-horizontal::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:3px}.problem-horizontal::-webkit-scrollbar-thumb:hover,.proof-horizontal::-webkit-scrollbar-thumb:hover{background:var(--black)}@media(max-width: 1024px){.solution-content{grid-template-columns:1fr;gap:60px}.hero-stats{gap:40px}.method-timeline::before{display:none}.method-step{flex-direction:column !important;align-items:center}.step-number{position:relative;left:auto;transform:none;margin-bottom:20px}.step-content{width:100%;text-align:center !important}}@media(max-width: 768px){.hero-title{font-size:2.5rem}.hero-actions{flex-direction:column;align-items:center}.hero-stats{gap:32px}.stat-number{font-size:48px}.solution-title,.offer-title{font-size:2.5rem}.price-value .amount{font-size:64px}.hero{padding-top:140px}.problem-horizontal,.proof-horizontal{display:block;padding:16px 0}.problem-item{min-width:250px;padding:24px 20px;margin-bottom:20px}.proof-horizontal .proof-card{min-width:300px}.proof-horizontal .proof-card.featured{min-width:320px}.vibe-coding-showcase{padding:24px}.workflow-step{flex-direction:column}.step-indicator{flex-direction:row;margin-right:0;margin-bottom:16px}.step-line{width:40px;height:2px;margin-top:0;margin-left:8px}.workflow-summary{flex-direction:column;gap:20px}.prerequisites-list{gap:16px}.prerequisite-item{font-size:14px}.feature-item.highlight{padding:16px;margin:8px 0}}@media(max-width: 480px){.problem-grid,.proof-grid{grid-template-columns:1fr}.hero-title{font-size:2rem}}@media print{.nav,.hero-bg,.cta,.footer{display:none}.hero{background:none;color:#000;min-height:auto;padding:20px 0}}.blog-archive{padding:80px 0;background:var(--gray-50)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:32px;margin-top:60px}.blog-card{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);border:2px solid var(--gray-200)}.blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--black)}.blog-card.featured{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:0}.blog-image{aspect-ratio:16/9;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-content{padding:32px}.blog-meta{display:flex;gap:16px;margin-bottom:16px;font-size:14px}.blog-category{background:var(--black);color:var(--white);padding:4px 12px;border-radius:50px;font-weight:600;letter-spacing:.5px}.blog-date{color:var(--gray-600);font-weight:500}.blog-title{font-size:24px;font-weight:800;color:var(--black);margin-bottom:16px;line-height:1.3}.blog-featured .blog-title{font-size:32px}.blog-excerpt{color:var(--gray-600);line-height:1.6;margin-bottom:24px}.blog-link{display:inline-flex;align-items:center;gap:8px;color:var(--black);font-weight:600;text-decoration:none;transition:all var(--transition-normal)}.blog-link:hover{transform:translateX(4px)}.blog-hero{position:relative;min-height:70vh;display:flex;align-items:center;background:var(--white);overflow:hidden;padding-top:100px}.blog-hero-content{position:relative;z-index:2;text-align:center;color:var(--black);max-width:800px;margin:0 auto}.blog-badge{display:inline-flex;align-items:center;gap:8px;background:var(--gray-100);border:1px solid var(--gray-300);padding:8px 20px;border-radius:50px;font-size:14px;font-weight:600;margin-bottom:32px;letter-spacing:.5px}.blog-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.1;margin-bottom:24px;letter-spacing:-2px}.blog-description{font-size:20px;line-height:1.6;margin-bottom:48px;color:var(--gray-700);max-width:600px;margin-left:auto;margin-right:auto}.blog-content-section{background:var(--gray-50)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:24px}.blog-card{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:1px solid var(--gray-200);position:relative}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--gray-300)}.blog-card.featured{grid-column:1/-1;display:grid;grid-template-columns:400px 1fr;gap:0;max-width:100%;height:300px}.blog-card.featured::after{content:"🏆 Dernier article";position:absolute;top:20px;left:20px;background:var(--black);color:var(--white);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:.5px;z-index:2}.blog-card-image{position:relative;overflow:hidden;height:220px}.blog-card.featured .blog-card-image{height:auto;min-height:300px}.featured-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-card:hover .featured-image{transform:scale(1.02)}.blog-card-content{padding:24px}.blog-card.featured .blog-card-content{padding:32px;display:flex;flex-direction:column;justify-content:center}.blog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px}.meta-left{display:flex;align-items:center;gap:12px}.blog-category{background:var(--black);color:var(--white);padding:4px 12px;border-radius:50px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.blog-date{display:flex;align-items:center;gap:6px;color:var(--gray-500);font-weight:500;font-size:13px}.reading-time{color:var(--gray-400);font-weight:600;font-size:12px}.blog-card-title{font-size:20px;font-weight:700;line-height:1.3;margin-bottom:12px}.blog-card.featured .blog-card-title{font-size:28px;font-weight:800}.blog-card-title a{color:var(--black);text-decoration:none;transition:color var(--transition-normal)}.blog-card-title a:hover{color:var(--gray-600)}.blog-excerpt{font-size:15px;color:var(--gray-600);line-height:1.5;margin-bottom:20px}.blog-card.featured .blog-excerpt{font-size:16px;line-height:1.6}.read-more-btn{display:inline-flex;align-items:center;gap:8px;color:var(--black);text-decoration:none;font-weight:600;font-size:14px;padding:10px 0;transition:all var(--transition-normal);letter-spacing:.3px}.read-more-btn:hover{color:var(--gray-600)}.read-more-btn svg{transition:transform var(--transition-normal)}.read-more-btn:hover svg{transform:translateX(4px)}.blog-pagination{grid-column:1/-1;margin-top:40px;display:flex;justify-content:center;align-items:center;gap:8px}.blog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-700);text-decoration:none;font-weight:600;font-size:14px;transition:all var(--transition-normal);background:var(--white)}.blog-pagination .page-numbers:hover,.blog-pagination .page-numbers.current{background:var(--black);color:var(--white);border-color:var(--black);transform:translateY(-1px)}.blog-pagination .page-numbers.prev,.blog-pagination .page-numbers.next{padding:0 16px;gap:8px}.blog-pagination .page-numbers.next{background:var(--black);color:var(--white);border-color:var(--black)}.blog-pagination .page-numbers.next:hover{background:var(--gray-800)}.blog-pagination{grid-column:1/-1;margin-top:60px;display:flex;justify-content:center;align-items:center}.blog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:50px;height:50px;margin:0 4px;border:2px solid var(--gray-300);color:var(--gray-700);text-decoration:none;font-weight:600;font-size:16px;transition:all var(--transition-normal);background:var(--white)}.blog-pagination .page-numbers.current{background:var(--black);color:var(--white);border-color:var(--black)}.blog-pagination .page-numbers:hover:not(.current){border-color:var(--gray-500);transform:translateY(-1px)}.blog-pagination .page-numbers.next{background:var(--black);color:var(--white);border-color:var(--black);padding:0 24px;font-weight:700;letter-spacing:.5px}.blog-pagination .page-numbers.next:hover{background:var(--gray-800);border-color:var(--gray-800);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.blog-pagination .page-numbers.prev{background:var(--white);color:var(--gray-700);border-color:var(--gray-300);padding:0 20px}.blog-pagination .page-numbers.prev:hover{border-color:var(--black);color:var(--black)}.blog-pagination .dots{color:var(--gray-400);padding:0 8px;font-weight:600}.blog-pagination .page-numbers-container{display:flex;align-items:center}.no-posts{grid-column:1/-1;text-align:center;padding:80px 20px}.no-posts-icon{margin-bottom:24px;opacity:.5}.no-posts h3{font-size:24px;font-weight:800;color:var(--black);margin-bottom:12px}.no-posts p{font-size:16px;color:var(--gray-600)}.header-blog{margin-top:30px;text-align:center}.category .header-blog,.blog .header-blog{margin-top:50px}@media(max-width: 1024px){.blog-grid{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:20px}.blog-card.featured{grid-template-columns:1fr;height:auto}.blog-card.featured .blog-card-image{min-height:250px}}@media(max-width: 768px){.blog-hero{min-height:50vh;padding-top:120px}.blog-title{font-size:2.5rem}.blog-description{font-size:18px}.blog-grid{grid-template-columns:1fr;gap:16px}.blog-card-content{padding:20px}.blog-card.featured .blog-card-content{padding:24px}.blog-meta{flex-direction:column;align-items:flex-start;gap:8px}.meta-left{flex-direction:column;align-items:flex-start;gap:8px}.blog-pagination .page-numbers{min-width:44px;height:44px;font-size:14px;margin:0 2px}.blog-pagination .page-numbers.next{padding:0 16px}.blog-pagination .page-numbers.prev{padding:0 12px}}@media(max-width: 480px){.blog-card-image{height:180px}.blog-card-title{font-size:18px}.blog-card.featured .blog-card-title{font-size:22px}.blog-excerpt{font-size:14px}.blog-pagination{gap:4px;margin-top:40px}.blog-pagination .page-numbers{min-width:40px;height:40px;font-size:13px}}.article-meta{display:flex;justify-content:center;gap:24px;margin-bottom:32px;font-size:14px}.article-title{font-size:40px;max-width:800px;margin-left:auto;margin-right:auto}.article-content{padding-top:30px;max-width:800px;margin:0 auto}.article-cta{background:var(--black);color:var(--white);padding:80px 0;text-align:center}.cta-box{background:var(--gray-900);padding:60px 40px;border-radius:var(--radius-xl);max-width:600px;margin:0 auto}.cta-box-download{margin-bottom:50px;padding:20px 50px;background:#f288a2}.article-hero-image{position:relative;height:300px;overflow:hidden;margin-bottom:-100px;z-index:1}.article-hero-image img{width:100%;height:100%;object-fit:cover;filter:brightness(0.7)}.article-header .container{margin-top:80px;padding:60px 40px;text-align:center;position:relative;z-index:3}.article-author{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;padding-top:32px;border-top:1px solid var(--gray-200)}.author-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-info{display:flex;flex-direction:column;text-align:left}.author-name{font-weight:700;color:var(--black)}.author-title{font-size:14px;color:var(--gray-600)}.content-wrapper{display:grid;grid-template-columns:1fr 300px;gap:60px;max-width:1200px;margin:0 auto}.content-image{margin:40px 0;text-align:center}.content-image img{width:100%;max-width:800px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.content-image figcaption{margin-top:16px;font-size:14px;color:var(--gray-600);font-style:italic}.code-header{background:var(--gray-800);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gray-700)}.code-title{color:var(--white);font-family:"Monaco",monospace;font-size:14px}.copy-btn{background:rgba(0,0,0,0);border:1px solid var(--gray-600);color:var(--gray-400);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--transition-fast)}.copy-btn:hover{background:var(--gray-700);color:var(--white)}.inline-cta{background:var(--black);color:var(--white);padding:40px;border-radius:var(--radius-xl);text-align:center;margin:60px 0}.inline-cta h3{font-size:24px;margin-bottom:16px}.inline-cta p{color:var(--gray-300);margin-bottom:24px}.article-sidebar{position:sticky;top:120px;height:fit-content}.sidebar-widget{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.sidebar-widget h4{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--black)}.toc{list-style:none}.toc li{margin-bottom:8px}.toc a{color:var(--gray-600);text-decoration:none;font-size:14px;transition:color var(--transition-fast)}.toc a:hover{color:var(--black)}.related-post{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--gray-700);margin-bottom:12px;transition:color var(--transition-fast)}.related-post:hover{color:var(--black)}.related-post img{width:48px;height:48px;border-radius:6px;object-fit:cover}.cta-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.cta-price{font-size:16px;color:var(--gray-400);font-weight:600}.article-hero{position:relative;background:var(--gray-50);overflow:hidden}.article-hero-image{position:relative;height:40vh;min-height:300px;overflow:hidden}.article-hero-image img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 100%)}.article-meta-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;font-size:14px}.meta-left{display:flex;align-items:center;gap:16px}.article-category{background:var(--black);color:var(--white);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.article-date,.reading-time{display:flex;align-items:center;gap:6px;color:var(--gray-600);font-weight:500}.article-title{font-weight:900;line-height:1.1;color:var(--black)}.article-content-section{background:var(--white)}.article-content-wrapper{max-width:800px;margin:0 auto}.article-content{font-size:18px;line-height:1.7;color:var(--gray-800)}.inline-cta{background:var(--black);color:var(--white);padding:40px;border-radius:var(--radius-xl);text-align:center;margin:60px 0}.inline-cta h3{font-size:24px;margin-bottom:16px;font-weight:800}.inline-cta p{color:var(--gray-300);margin-bottom:24px;font-size:16px}.cta-price{font-size:14px;color:var(--gray-400);font-weight:600;margin-top:16px}.author-section{background:var(--gray-50);padding:80px 0}.author-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:40px;display:grid;grid-template-columns:120px 1fr;gap:32px;align-items:start;transition:all var(--transition-normal);max-width:800px;margin:0 auto}.author-card:hover{border-color:var(--black);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.author-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid var(--white);box-shadow:var(--shadow-lg);position:relative}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-content{display:flex;flex-direction:column;gap:20px}.author-header{display:flex;flex-direction:column;gap:4px}.author-name{font-size:28px;font-weight:900;color:var(--black);margin:0;letter-spacing:-0.5px}.author-title{font-size:16px;color:var(--gray-600);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.author-bio{color:var(--gray-700);line-height:1.6;font-size:16px}.author-bio p{margin:0}.author-stats{display:flex;gap:32px;margin:20px 0}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-number{font-size:24px;font-weight:900;color:var(--black);line-height:1;letter-spacing:-1px}.stat-label{font-size:12px;color:var(--gray-600);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.author-cta{margin-top:8px}.article-navigation-vibe{background:var(--gray-50);padding:80px 0;position:relative}.article-navigation-vibe .nav-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1000px;margin:0 auto 40px auto}.nav-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:32px;text-decoration:none;color:var(--black);transition:all var(--transition-normal);display:flex;align-items:center;gap:24px;position:relative;overflow:hidden;min-height:140px}.nav-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--black);transform:scaleX(0);transition:transform var(--transition-normal)}.nav-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.prev-card{flex-direction:row}.prev-card .nav-arrow{order:-1}.next-card{flex-direction:row-reverse}.next-card .nav-card-content{text-align:right}.next-card .nav-direction{justify-content:flex-end}.nav-card-content{flex:1;display:flex;flex-direction:column;gap:12px}.nav-direction{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.nav-title{font-size:20px;font-weight:800;color:var(--black);line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nav-meta{display:flex;align-items:center;gap:12px;font-size:13px}.nav-category{background:var(--black);color:var(--white);padding:4px 12px;border-radius:50px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.nav-date{color:var(--gray-500);font-weight:500}.nav-arrow{width:60px;height:60px;background:var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);transition:all var(--transition-normal);flex-shrink:0}.nav-card:hover .nav-arrow{transform:scale(1.1);background:var(--gray-800)}.nav-placeholder{background:var(--gray-100);border-color:var(--gray-300);border-style:dashed;cursor:default;justify-content:center;align-items:center}.nav-placeholder:hover{transform:none;border-color:var(--gray-300);box-shadow:none}.nav-placeholder::before{display:none}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--gray-500);font-weight:600;text-align:center}.back-to-blog{text-align:center;margin-top:40px}.blog-link{display:inline-flex;align-items:center;gap:12px;background:var(--black);color:var(--white);padding:16px 32px;border-radius:var(--radius-xl);text-decoration:none;font-weight:700;font-size:16px;transition:all var(--transition-normal);letter-spacing:.5px}.blog-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);background:var(--gray-800)}.blog-link svg{transition:transform var(--transition-normal)}.blog-link:hover svg{transform:scale(1.1)}.gutenberg-content{max-width:800px;font-size:18px;line-height:1.7;color:var(--black)}.gutenberg-content h1,.gutenberg-content h2,.gutenberg-content h3,.gutenberg-content h4,.gutenberg-content h5,.gutenberg-content h6{font-family:var(--font-sans);font-weight:800;color:var(--black);line-height:1.2;margin:48px 0 24px 0;letter-spacing:-0.5px}.gutenberg-content h1{font-size:48px;margin-top:64px}.gutenberg-content h2{font-size:36px;position:relative;padding-bottom:16px}.gutenberg-content h2::after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--black);border-radius:2px}.gutenberg-content h3{font-size:28px;color:var(--gray-800)}.gutenberg-content h4{font-size:24px;color:var(--gray-700)}.gutenberg-content p{margin-bottom:24px;font-size:18px;line-height:1.7;color:var(--gray-800)}.gutenberg-content p strong{font-weight:700;color:var(--black)}.gutenberg-content p em{font-style:italic;color:var(--gray-600)}.gutenberg-content a{color:var(--black);font-weight:600;text-decoration:underline;text-decoration-color:var(--gray-300);text-underline-offset:4px;transition:all var(--transition-fast)}.gutenberg-content a:hover{text-decoration-color:var(--black);transform:translateY(-1px)}.gutenberg-content ul,.gutenberg-content ol{margin:32px 0;padding-left:0}.gutenberg-content li{margin-bottom:16px;padding-left:32px;position:relative;font-size:18px;line-height:1.6;list-style:none}.gutenberg-content ul li::before{content:"→";position:absolute;left:0;color:var(--black);font-weight:700;font-size:16px}.gutenberg-content ol{counter-reset:list-counter}.gutenberg-content ol li{counter-increment:list-counter}.gutenberg-content ol li::before{content:counter(list-counter);position:absolute;left:0;background:var(--black);color:var(--white);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;top:2px}.gutenberg-content .wp-block-image{margin:48px 0;text-align:center}.gutenberg-content .wp-block-image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:transform var(--transition-normal);max-width:100%;height:auto}.gutenberg-content .wp-block-image:hover img{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.gutenberg-content .wp-block-image figcaption{margin-top:16px;font-size:14px;color:var(--gray-600);font-style:italic;text-align:center}.gutenberg-content .wp-block-image.alignleft{float:left;margin:8px 32px 24px 0;max-width:300px}.gutenberg-content .wp-block-image.alignright{float:right;margin:8px 0 24px 32px;max-width:300px}.gutenberg-content .wp-block-quote{background:var(--gray-50);border-left:4px solid var(--black);margin:48px 0;padding:32px 40px;border-radius:0 var(--radius-lg) var(--radius-lg) 0;position:relative}.gutenberg-content .wp-block-quote::before{content:'"';position:absolute;top:-10px;left:20px;font-size:80px;color:var(--gray-300);font-family:serif;line-height:1}.gutenberg-content .wp-block-quote p{font-size:22px;font-style:italic;margin-bottom:16px;color:var(--gray-800)}.gutenberg-content .wp-block-quote cite{display:block;font-size:16px;color:var(--gray-600);font-weight:600;margin-top:16px}.gutenberg-content code{background:var(--gray-100);color:var(--black);padding:4px 8px;border-radius:4px;font-family:"Monaco",monospace;font-size:16px;font-weight:600}.gutenberg-content .wp-block-code{background:var(--gray-900);color:var(--gray-300);padding:0;border-radius:var(--radius-lg);margin:40px 0;overflow:hidden;position:relative}.gutenberg-content .wp-block-code::before{content:"Code";position:absolute;top:16px;right:20px;background:var(--gray-800);color:var(--gray-400);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;font-family:var(--font-sans)}.gutenberg-content .wp-block-code code{background:rgba(0,0,0,0);color:var(--gray-300);padding:32px;display:block;font-family:"Monaco",monospace;font-size:14px;line-height:1.6;overflow-x:auto}.gutenberg-content .wp-block-button{margin:32px 0}.gutenberg-content .wp-block-button .wp-block-button__link{background:var(--black);color:var(--white);border:none;padding:16px 32px;border-radius:var(--radius-xl);font-weight:700;font-size:16px;text-decoration:none;display:inline-flex;align-items:center;gap:12px;transition:all var(--transition-normal);letter-spacing:.5px}.gutenberg-content .wp-block-button .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.gutenberg-content .wp-block-columns{display:grid;gap:32px;margin:48px 0}.gutenberg-content .wp-block-columns.has-2-columns{grid-template-columns:1fr 1fr}.gutenberg-content .wp-block-columns.has-3-columns{grid-template-columns:repeat(3, 1fr)}.gutenberg-content .wp-block-column{background:var(--gray-50);padding:32px;border-radius:var(--radius-lg);border:2px solid var(--gray-200);transition:all var(--transition-normal)}.gutenberg-content .wp-block-column:hover{border-color:var(--black);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.gutenberg-content .wp-block-separator{border:none;height:2px;background:var(--gray-300);margin:64px auto;width:100px;border-radius:2px}.gutenberg-content .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:16px;margin:48px 0}.gutenberg-content .wp-block-gallery .wp-block-image{margin:0}.gutenberg-content .wp-block-video{margin:48px 0;text-align:center}.gutenberg-content .wp-block-video video{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:100%}.gutenberg-content .wp-block-embed{margin:48px 0;text-align:center}.gutenberg-content .wp-block-embed iframe{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:100%}.gutenberg-content .wp-block-table{margin:48px 0;overflow-x:auto}.gutenberg-content .wp-block-table table{width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.gutenberg-content .wp-block-table th{background:var(--black);color:var(--white);padding:16px 20px;font-weight:700;text-align:left}.gutenberg-content .wp-block-table td{padding:16px 20px;border-bottom:1px solid var(--gray-200)}.gutenberg-content .wp-block-table tr:hover{background:var(--gray-50)}.gutenberg-content .vibe-highlight{background:linear-gradient(135deg, var(--gray-50), var(--gray-100));border:2px solid var(--black);border-radius:var(--radius-xl);padding:32px;margin:48px 0;position:relative}.gutenberg-content .vibe-highlight::before{content:"⚡ Vibe Tip";position:absolute;top:-12px;left:24px;background:var(--black);color:var(--white);padding:6px 16px;border-radius:20px;font-size:14px;font-weight:700}.pad.has-background{padding:10px}@media(max-width: 1024px){.content-wrapper{grid-template-columns:1fr;gap:40px}.article-sidebar{position:static;order:-1}.article-navigation-vibe .nav-container{grid-template-columns:1fr;gap:24px;margin-bottom:32px}}@media(max-width: 768px){.article-hero-image{height:150px;margin-bottom:-60px}.article-title{font-size:32px}.content-wrapper{gap:24px}.gutenberg-content{font-size:16px}.gutenberg-content h1{font-size:32px}.gutenberg-content h2{font-size:28px}.gutenberg-content h3{font-size:24px}.gutenberg-content .wp-block-columns{grid-template-columns:1fr !important;gap:24px}.gutenberg-content .wp-block-image.alignleft,.gutenberg-content .wp-block-image.alignright{float:none;margin:24px 0;max-width:100%}.author-card{grid-template-columns:1fr;gap:24px;padding:32px 24px;text-align:center}.author-avatar{width:100px;height:100px;margin:0 auto}.author-name{font-size:24px}.author-stats{justify-content:center;gap:24px}.article-navigation-vibe{padding:60px 0}.nav-card{padding:24px;flex-direction:column;text-align:center;gap:16px;min-height:auto}.prev-card,.next-card{flex-direction:column}.prev-card .nav-arrow{order:0}.next-card .nav-card-content{text-align:center}.next-card .nav-direction{justify-content:center}.nav-title{font-size:18px;-webkit-line-clamp:3}.nav-meta{justify-content:center}.nav-arrow{width:50px;height:50px}.back-to-blog{margin-top:32px}.blog-link{padding:14px 24px;font-size:15px}.article-hero-image{height:40vh;min-height:250px}.article-title{font-size:2.5rem}.article-content-wrapper{padding:0 16px}.article-meta-top{flex-direction:column;align-items:flex-start;gap:12px}.meta-left{flex-direction:column;align-items:flex-start;gap:8px}.nav-links{grid-template-columns:1fr;gap:20px}.nav-next .nav-direction{justify-content:flex-start}.nav-next{text-align:left}.cta-box{padding:40px 24px}.cta-box h3{font-size:24px}}@media(max-width: 480px){.article-content{font-size:16px}.inline-cta{padding:32px 20px}.author-card{padding:24px 16px}.author-stats{gap:16px}.stat-number{font-size:20px}.nav-card{padding:20px}.nav-title{font-size:16px}.nav-direction{font-size:13px}.nav-arrow{width:45px;height:45px}}.contact-hero{background:linear-gradient(135deg, var(--gray-50), var(--white));padding:80px 0;text-align:center;position:relative;overflow:hidden}.contact-hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg, transparent 40%, rgba(0, 0, 0, 0.02) 50%, transparent 60%);background-size:30px 30px;animation:contact-pattern 20s linear infinite}.contact-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.contact-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.1;margin-bottom:24px;color:var(--black);letter-spacing:-2px}.contact-description{font-size:20px;color:var(--gray-700);margin-bottom:48px;line-height:1.6}.contact-stats{display:flex;justify-content:center;gap:48px;margin-top:48px}.contact-stats .stat-item{text-align:center}.contact-stats .stat-number{display:block;font-size:32px;font-weight:900;color:var(--black);line-height:1;margin-bottom:8px}.contact-stats .stat-label{font-size:14px;color:var(--gray-600);font-weight:500}.contact-form-section{padding:80px 0;background:var(--white)}.contact-wrapper{display:grid;grid-template-columns:2fr 1fr;gap:80px;align-items:start}.form-container{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:48px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.form-container::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--black), var(--gray-600), var(--black))}.form-header{text-align:center;margin-bottom:40px}.form-header h2{font-size:32px;font-weight:800;color:var(--black);margin-bottom:12px}.form-header p{color:var(--gray-600);font-size:16px}.form-group{margin-bottom:32px}.form-label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--black);margin-bottom:12px;font-size:16px}.form-label svg{opacity:.7;color:var(--gray-600)}.form-input,.form-select,.form-textarea{width:100%;padding:16px 20px;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:16px;font-family:var(--font-sans);background:var(--white);transition:all var(--transition-normal);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--black);box-shadow:0 0 0 4px rgba(0,0,0,.1);transform:translateY(-2px)}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.1)}.form-input.success,.form-select.success,.form-textarea.success{border-color:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.1)}.form-textarea{resize:vertical;min-height:120px;font-family:var(--font-sans)}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;appearance:none}.char-counter{text-align:right;font-size:12px;color:var(--gray-500);margin-top:8px}.form-error{color:#ef4444;font-size:14px;margin-top:8px;display:none;font-weight:500}.form-error.show{display:block;animation:error-appear .3s ease}.form-messages{padding:16px 20px;border-radius:var(--radius-lg);margin-bottom:24px;font-weight:600}.form-messages.success{background:#dcfce7;color:#166534;border:2px solid #22c55e}.form-messages.error{background:#fef2f2;color:#dc2626;border:2px solid #ef4444}.checkbox-group{margin:32px 0}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;line-height:1.5}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid var(--gray-300);border-radius:4px;background:var(--white);position:relative;transition:all var(--transition-normal);flex-shrink:0;margin-top:2px}.checkbox-label input:checked+.checkmark{background:var(--black);border-color:var(--black)}.checkbox-label input:checked+.checkmark::after{content:"";position:absolute;top:2px;left:6px;width:6px;height:10px;border:solid var(--white);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-text a{color:var(--black);font-weight:600;text-decoration:underline}.form-actions{text-align:center;margin-top:40px}.submit-btn{background:var(--black);color:var(--white);border:none;padding:18px 40px;border-radius:var(--radius-xl);font-weight:700;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:all var(--transition-normal);position:relative;overflow:hidden;min-width:200px;justify-content:center}.submit-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left .5s}.submit-btn:hover::before{left:100%}.submit-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn.loading .btn-text{opacity:0}.submit-btn.loading .btn-icon{display:none}.submit-btn.loading .btn-loader{display:block !important;animation:spin 1s linear infinite}.contact-info{display:flex;flex-direction:column;gap:32px}.info-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:32px}.info-card h3{font-size:24px;font-weight:800;color:var(--black);margin-bottom:24px}.info-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.info-item:last-child{margin-bottom:0}.info-icon{width:48px;height:48px;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-content h4{font-size:16px;font-weight:700;color:var(--black);margin-bottom:4px}.info-content p{color:var(--gray-600);font-size:14px}.coaching-cta{background:var(--black);color:var(--white);border-radius:var(--radius-xl);padding:32px;text-align:center;position:relative;overflow:hidden}.coaching-cta::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.05) 50%, transparent 70%);background-size:200% 200%;animation:coaching-shine 3s ease-in-out infinite}.cta-content{position:relative;z-index:2}.cta-content h4{font-size:20px;font-weight:800;margin-bottom:12px}.cta-content p{color:var(--gray-300);font-size:14px;margin-bottom:16px}.cta-price{font-size:32px;font-weight:900;margin-bottom:24px;color:var(--white)}.cta-btn{background:var(--white);color:var(--black);padding:12px 24px;border-radius:var(--radius-lg);text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:all var(--transition-normal)}.cta-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.honeypot{position:absolute;left:-9999px;top:-9999px}.page-template-page-contact .contact-info .info-content a{color:inherit}@media(max-width: 1024px){.contact-wrapper{grid-template-columns:1fr;gap:48px}.form-container{padding:32px}.contact-stats{gap:32px}}@media(max-width: 768px){.contact-hero{padding:60px 0}.contact-form-section{padding:60px 0}.form-container{padding:24px}.contact-stats{flex-direction:column;gap:24px}.form-input,.form-select,.form-textarea{padding:14px 16px;font-size:16px}.submit-btn{width:100%;padding:16px 32px}}@media(max-width: 480px){.contact-title{font-size:2rem}.form-header h2{font-size:24px}.info-card,.coaching-cta{padding:24px}}.error-404-page{min-height:100vh;background:var(--white)}.error-404-hero{position:relative;min-height:80vh;display:flex;align-items:center;background:linear-gradient(135deg, var(--gray-50), var(--white));overflow:hidden}.error-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.grid-pattern-404{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--gray-200) 1px, transparent 1px),linear-gradient(90deg, var(--gray-200) 1px, transparent 1px);background-size:50px 50px;opacity:.3;animation:grid-move-404 25s linear infinite}.floating-elements-404{position:absolute;top:0;left:0;width:100%;height:100%}.float-element-404{position:absolute;width:150px;height:150px;border:2px solid var(--gray-300);border-radius:50%;opacity:.1}.float-element-404:nth-child(1){top:20%;left:10%;animation:float-404-1 20s ease-in-out infinite}.float-element-404:nth-child(2){top:60%;right:15%;animation:float-404-2 25s ease-in-out infinite}.float-element-404:nth-child(3){bottom:30%;left:60%;animation:float-404-3 18s ease-in-out infinite}.float-element-404:nth-child(4){top:10%;right:40%;animation:float-404-4 22s ease-in-out infinite}.code-rain{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.code-line{position:absolute;font-family:"Monaco",monospace;font-size:14px;color:var(--gray-300);opacity:.3;animation:code-fall 8s linear infinite}.code-line:nth-child(1){left:10%;animation-delay:0s;animation-duration:8s}.code-line:nth-child(2){left:25%;animation-delay:1.5s;animation-duration:10s}.code-line:nth-child(3){left:45%;animation-delay:3s;animation-duration:7s}.code-line:nth-child(4){left:65%;animation-delay:4.5s;animation-duration:9s}.code-line:nth-child(5){left:80%;animation-delay:6s;animation-duration:11s}.error-content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto}.error-badge{display:inline-flex;align-items:center;gap:8px;background:#fee2e2;color:#991b1b;border:2px solid #fca5a5;padding:12px 24px;border-radius:50px;font-weight:700;font-size:14px;margin-bottom:32px;letter-spacing:.5px}.error-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1;margin-bottom:32px;color:var(--black);letter-spacing:-2px}.title-line{display:block;margin-bottom:8px}.title-line:last-child{margin-bottom:0}.error-description{font-size:20px;color:var(--gray-700);line-height:1.6;margin-bottom:60px;max-width:700px;margin-left:auto;margin-right:auto}.error-suggestions{margin-bottom:60px}.error-suggestions h3{font-size:24px;font-weight:800;color:var(--black);margin-bottom:32px}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:24px;margin-bottom:40px}.suggestion-card{display:flex;align-items:center;gap:16px;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:24px;text-decoration:none;color:var(--black);transition:all var(--transition-normal);position:relative;overflow:hidden}.suggestion-card::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.05), transparent);transition:left .5s}.suggestion-card:hover::before{left:100%}.suggestion-card:hover{border-color:var(--black);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.suggestion-card.coaching-highlight{background:var(--black);color:var(--white);border-color:var(--black)}.suggestion-card.coaching-highlight::before{background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent)}.suggestion-icon{width:48px;height:48px;background:var(--gray-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--gray-600);flex-shrink:0}.suggestion-card.coaching-highlight .suggestion-icon{background:var(--gray-800);color:var(--white)}.suggestion-content{flex:1}.suggestion-content h4{font-size:18px;font-weight:700;margin-bottom:4px;color:inherit}.suggestion-content p{font-size:14px;opacity:.8;color:inherit}.suggestion-arrow{font-size:20px;font-weight:700;opacity:.7;transition:all var(--transition-normal)}.suggestion-card:hover .suggestion-arrow{opacity:1;transform:translateX(4px)}.error-search{margin-bottom:60px}.error-search h3{font-size:24px;font-weight:800;color:var(--black);margin-bottom:24px}.search-form-404{max-width:500px;margin:0 auto}.search-input-wrapper{display:flex;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal)}.search-input-wrapper:focus-within{border-color:var(--black);box-shadow:0 0 0 4px rgba(0,0,0,.1)}.search-icon{margin:16px 0 16px 20px;color:var(--gray-500)}.search-input-404{flex:1;border:none;outline:none;padding:16px 20px;font-size:16px;font-family:var(--font-sans);background:rgba(0,0,0,0)}.search-submit-404{background:var(--black);color:var(--white);border:none;padding:16px 24px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--transition-normal)}.search-submit-404:hover{background:var(--gray-800)}.popular-posts-404{padding:80px 0;background:var(--gray-50)}.popular-posts-404 h3{font-size:32px;font-weight:800;color:var(--black);text-align:center;margin-bottom:48px}.popular-posts-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:32px}.popular-post-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal)}.popular-post-card:hover{border-color:var(--black);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.post-thumbnail{aspect-ratio:16/9;overflow:hidden}.post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.popular-post-card:hover .post-thumbnail img{transform:scale(1.05)}.post-content{padding:24px}.post-meta{display:flex;gap:12px;margin-bottom:12px;font-size:12px}.post-category{background:var(--black);color:var(--white);padding:4px 12px;border-radius:50px;font-weight:700;letter-spacing:.5px}.post-date{color:var(--gray-600);font-weight:500}.post-title{margin-bottom:12px}.post-title a{color:var(--black);text-decoration:none;font-size:18px;font-weight:700;line-height:1.3}.post-excerpt{color:var(--gray-600);line-height:1.6;margin-bottom:16px}.read-more-link{display:inline-flex;align-items:center;gap:8px;color:var(--black);text-decoration:none;font-weight:600;font-size:14px;transition:all var(--transition-normal)}.read-more-link:hover{transform:translateX(4px)}.console-404{padding:80px 0;background:var(--black);color:var(--white)}.console-wrapper{max-width:800px;margin:0 auto;background:var(--gray-900);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.console-header{background:var(--gray-800);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gray-700)}.console-controls{display:flex;gap:8px}.control{width:12px;height:12px;border-radius:50%}.control.red{background:#ff5f57}.control.yellow{background:#ffbd2e}.control.green{background:#28ca42}.console-title{font-family:"Monaco",monospace;font-size:14px;color:var(--gray-400)}.console-body{padding:24px;font-family:"Monaco",monospace;font-size:14px;line-height:1.6}.console-line{margin-bottom:8px}.prompt{color:#22c55e;font-weight:700}.command{color:var(--white);margin-left:8px}.output{margin-left:20px}.error{color:#ef4444}.success{color:#22c55e}.info{color:#3b82f6}.typing-cursor{position:relative}.typing-cursor::after{content:"_";animation:blink-cursor 1s infinite;color:var(--white)}@media(max-width: 768px){.error-404-hero{min-height:70vh;padding:40px 0}.error-title{font-size:2.5rem}.error-description{font-size:18px}.suggestions-grid{grid-template-columns:1fr;gap:16px}.suggestion-card{padding:20px}.popular-posts-grid{grid-template-columns:1fr;gap:24px}.console-body{padding:16px;font-size:12px}.popular-posts-404,.console-404{padding:60px 0}}@media(max-width: 480px){.error-title{font-size:2rem}.suggestion-card{padding:16px}.search-input-wrapper{flex-direction:column}.search-submit-404{justify-content:center}}.search-hero{position:relative;background:linear-gradient(135deg, var(--gray-50), var(--white));padding:120px 0 80px;overflow:hidden}.search-hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg, transparent 40%, rgba(0, 0, 0, 0.02) 50%, transparent 60%);background-size:30px 30px;animation:search-pattern 20s linear infinite}.search-hero-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto}.search-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.2;margin-bottom:24px;color:var(--black);letter-spacing:-2px}.search-title .results-found,.search-title .no-results{display:block;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600;color:var(--gray-600);letter-spacing:-0.5px;margin-bottom:8px}.search-query{color:var(--black);font-style:italic}.search-description{font-size:18px;color:var(--gray-700);line-height:1.6;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.search-form-enhanced{max-width:600px;margin:0 auto}.enhanced-search-form{width:100%}.search-input-group{display:flex;align-items:center;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.search-input-group:focus-within{border-color:var(--black);box-shadow:0 0 0 4px rgba(0,0,0,.1),var(--shadow-lg)}.search-input-group .search-icon{margin:0 0 0 20px;color:var(--gray-400);flex-shrink:0}.search-input-enhanced{flex:1;border:none;outline:none;padding:18px 16px;font-size:16px;font-family:var(--font-sans);background:rgba(0,0,0,0);color:var(--black)}.search-input-enhanced::placeholder{color:var(--gray-400)}.search-submit-enhanced{background:var(--black);color:var(--white);border:none;padding:18px 28px;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--transition-normal);white-space:nowrap}.search-submit-enhanced:hover{background:var(--gray-800)}.search-results{padding:60px 0 80px;background:var(--gray-50)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:24px}.search-highlight{background:rgba(0,0,0,.08);padding:2px 4px;border-radius:3px;font-weight:700}.no-results-section{padding:80px 0;background:var(--white)}.no-results-content{max-width:700px;margin:0 auto;text-align:center}.no-results-icon{font-size:80px;margin-bottom:32px;display:block;opacity:.6}.no-results-content h2{font-size:36px;font-weight:900;color:var(--black);margin-bottom:16px;letter-spacing:-1px}.no-results-content>p{font-size:18px;color:var(--gray-600);margin-bottom:48px;line-height:1.6}.search-suggestions{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:32px;margin-bottom:40px;text-align:left}.search-suggestions h3{font-size:18px;font-weight:800;color:var(--black);margin-bottom:16px}.suggestions-list{list-style:none;padding:0;margin:0}.suggestions-list li{padding:8px 0;color:var(--gray-700);font-size:15px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--gray-200)}.suggestions-list li:last-child{border-bottom:none}.suggestions-list li::before{content:"→";color:var(--gray-400);font-weight:700;flex-shrink:0}.browse-categories{text-align:left}.browse-categories h3{font-size:18px;font-weight:800;color:var(--black);margin-bottom:24px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:16px}.category-card{display:flex;align-items:center;gap:16px;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:20px;text-decoration:none;color:var(--black);transition:all var(--transition-normal)}.category-card:hover{border-color:var(--black);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.category-icon{font-size:28px;flex-shrink:0;width:48px;height:48px;background:var(--gray-50);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.category-info h4{font-size:15px;font-weight:700;color:var(--black);margin-bottom:4px}.category-info span{font-size:13px;color:var(--gray-500);font-weight:500}@media(max-width: 768px){.search-hero{padding:100px 0 60px}.search-title{font-size:2rem}.search-description{font-size:16px}.search-input-group{flex-direction:column;border-radius:var(--radius-lg)}.search-input-group .search-icon{margin:16px 0 0 0}.search-input-enhanced{text-align:center;width:100%}.search-submit-enhanced{width:100%;justify-content:center}.results-grid{grid-template-columns:1fr;gap:16px}.search-results{padding:40px 0 60px}.no-results-section{padding:60px 0}.no-results-content h2{font-size:28px}.search-suggestions,.browse-categories{padding:24px}.categories-grid{grid-template-columns:1fr}}@media(max-width: 480px){.search-title{font-size:1.75rem;letter-spacing:-1px}.search-title .results-found,.search-title .no-results{font-size:1.1rem}.no-results-icon{font-size:60px}.category-card{padding:16px}}