.landing-page{color:#1e293b;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);flex-direction:column;align-items:center;gap:60px;height:auto;min-height:100vh;padding:120px 20px 20px;font-family:Montserrat,sans-serif;display:flex;position:relative;overflow:hidden auto}.particle-background{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{background:#3b82f626;border-radius:50%;animation:15s ease-in-out infinite float;position:absolute}.particle:first-child{width:10px;height:10px;animation-duration:20s;top:20%;left:10%}.particle:nth-child(2){width:15px;height:15px;animation-duration:25s;top:50%;left:30%}.particle:nth-child(3){width:8px;height:8px;animation-duration:18s;top:70%;left:50%}.particle:nth-child(4){width:12px;height:12px;animation-duration:22s;top:30%;left:80%}.particle:nth-child(5){width:10px;height:10px;animation-duration:20s;top:90%;left:20%}.particle:nth-child(6){width:14px;height:14px;animation-duration:24s;top:40%;left:60%}@keyframes float{0%{opacity:.3;transform:translateY(0)scale(1)}50%{opacity:.5;transform:translateY(-100px)scale(1.2)}to{opacity:.3;transform:translateY(0)scale(1)}}.nav-bar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:50px;width:90%;max-width:3000px;padding:12px 24px;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,transform .3s;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000014}.nav-bar:hover{transform:translate(-50%)translateY(-3px);box-shadow:0 6px 25px #0000001f}.nav-bar.scrolled{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;box-shadow:0 4px 20px #00000026}.nav-content{justify-content:space-between;align-items:center;display:flex}.nav-links{gap:20px;display:flex}.nav-link{cursor:pointer;background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border:none;font-size:1rem;font-weight:600;transition:transform .3s;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg,#3b82f6,#8b5cf6);width:0;height:2px;transition:width .3s;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.nav-link:hover:after{width:100%}.nav-link:hover{transform:translateY(-2px)}.hamburger-menu{color:#1e293b;cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.login-button{cursor:pointer;color:#fff;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border:none;border-radius:10px;padding:10px 20px;font-size:1rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #3b82f64d}.login-button:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.login-button:hover:before{left:100%}.login-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #3b82f680}.branding-container{align-items:center;gap:12px;display:flex;position:relative}.branding-container h1{letter-spacing:3px;text-transform:uppercase;background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:26px;font-weight:800;animation:2.5s infinite shimmer;display:flex}.branding-container .letter{transition:transform .3s;display:inline-block;position:relative}.branding-container .letter:hover{transform:translateY(-2px)}.branding-container .logo-element:before{content:"";background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #3b82f666}.hero-section{text-align:center;background:linear-gradient(135deg,#fff 0%,#f8fafc 50%,#eff6ff 100%);border:1px solid #e2e8f099;border-radius:20px;max-width:1200px;margin:0 auto;padding:60px 20px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.hero-section:before{content:"";z-index:1;background:linear-gradient(45deg,#3b82f60d 0%,#8b5cf60d 50%,#0000 100%);width:100%;height:100%;animation:10s ease-in-out infinite pulse;position:absolute;top:0;left:0}.hero-section:after{content:"";z-index:0;background:radial-gradient(circle,#3b82f61a 0%,#0000 70%);width:200%;height:200%;animation:20s linear infinite rotate;position:absolute;top:-50%;left:-50%}.hero-content{z-index:2;position:relative}.hero-content h1{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:25px;font-size:3rem;font-weight:900;animation:2.5s infinite shimmer}.hero-content h1 .highlight{text-shadow:0 0 10px #3b82f64d;font-weight:900}.hero-content p{color:#64748b;max-width:700px;margin:0 auto 30px;font-size:1.2rem;line-height:1.7}.hero-cta{justify-content:center;gap:25px;display:flex}.cta-button{cursor:pointer;text-transform:uppercase;letter-spacing:1.2px;border:none;border-radius:12px;padding:14px 28px;font-size:1.1rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.cta-button.primary{color:#fff;background:linear-gradient(90deg,#3b82f6,#8b5cf6);box-shadow:0 4px 15px #3b82f64d}.cta-button.primary:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.cta-button.primary:hover:before{left:100%}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #3b82f680}.cta-button.secondary{color:#3b82f6;background:0 0;border:2px solid #3b82f6;box-shadow:0 4px 15px #3b82f626}.cta-button.secondary:hover{color:#fff;background:#3b82f6;transform:translateY(-3px);box-shadow:0 6px 20px #3b82f666}.play-icon{margin-left:8px;transition:transform .3s}.cta-button.secondary:hover .play-icon{transform:scale(1.2)}.features-section{display:none}.section-header h2{text-align:center;background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:40px;font-size:2.2rem;font-weight:800;animation:2.5s infinite shimmer}.features-grid{grid-template-columns:repeat(3,1fr);justify-content:center;gap:25px;width:100%;display:grid}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:15px;padding:25px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000f}.feature-card:before{content:"";background:linear-gradient(90deg,#0000,#3b82f61a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.feature-card:hover:before{left:100%}.feature-card:hover{border-color:#3b82f6;transform:translateY(-5px);box-shadow:0 8px 25px #3b82f640}.feature-icon{color:#3b82f6;filter:drop-shadow(0 2px 4px #3b82f633);margin-bottom:15px;font-size:2.5rem;transition:transform .3s}.feature-card:hover .feature-icon{color:#8b5cf6;transform:scale(1.1)}.feature-card h3{color:#1e293b;background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:1.3rem;font-weight:700;animation:2.5s infinite shimmer}.feature-card p{color:#64748b;font-size:.95rem;line-height:1.7}.tutorials-section{max-width:1200px;margin:0 auto 60px;padding:60px 20px}.tutorials-grid{grid-template-columns:repeat(3,1fr);justify-content:center;gap:25px;width:100%;display:grid}.tutorial-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:15px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000f}.tutorial-card:hover{border-color:#3b82f6;transform:translateY(-5px);box-shadow:0 8px 25px #3b82f640}.tutorial-card iframe{border:none;border-top-left-radius:15px;border-top-right-radius:15px;width:100%;height:220px}.tutorial-card h3{color:#1e293b;text-align:center;background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding:12px;font-size:1.1rem;font-weight:600}.tutorials-cta{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1.2px;text-align:center;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;margin:25px auto 0;padding:14px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 15px #3b82f640}.tutorials-cta:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.tutorials-cta:hover:before{left:100%}.tutorials-cta:hover{transform:translateY(-3px);box-shadow:0 6px 20px #3b82f666}.blog-preview-section{max-width:1200px;margin:0 auto 60px;padding:60px 20px}.blog-preview-grid{grid-template-columns:repeat(2,1fr);justify-content:center;gap:25px;width:100%;display:grid}.blog-preview-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:15px;padding:25px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000f}.blog-preview-card:before{content:"";background:linear-gradient(90deg,#0000,#3b82f61a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.blog-preview-card:hover:before{left:100%}.blog-preview-card:hover{border-color:#3b82f6;transform:translateY(-5px);box-shadow:0 8px 25px #3b82f640}.blog-preview-content h3{color:#1e293b;background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:1.3rem;font-weight:700}.blog-preview-content p{color:#64748b;margin-bottom:15px;font-size:.95rem;line-height:1.7}.blog-preview-cta{color:#3b82f6;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:2px solid #3b82f6;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s}.blog-preview-cta:hover{color:#fff;background:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.view-all-blogs-cta{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1.2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;margin:30px auto 0;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .3s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 15px #3b82f640}.view-all-blogs-cta:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.view-all-blogs-cta:hover:before{left:100%}.view-all-blogs-cta:hover{transform:translateY(-3px);box-shadow:0 6px 20px #3b82f666}.stats-highlight{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;position:relative}.tools-showcase-section{max-width:1200px;margin:0 auto 60px;padding:60px 20px}.section-subtitle{text-align:center;color:#64748b;margin-top:10px;margin-bottom:40px;font-size:1.1rem}.tools-showcase-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;gap:25px;width:100%;margin-bottom:40px;display:grid}.tool-showcase-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;cursor:pointer;background:#fffffff2;border:2px solid #e2e8f0cc;border-radius:15px;padding:30px 25px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000f}.tool-showcase-card:before{content:"";background:var(--tool-color);height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.tool-showcase-card:hover:before{transform:scaleX(1)}.tool-showcase-card:hover{border-color:var(--tool-color);transform:translateY(-8px);box-shadow:0 12px 35px #3b82f640}.tool-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;animation:2s infinite pulse-badge;position:absolute;top:15px;right:15px;box-shadow:0 2px 8px #ff6b6b66}.tool-badge.coming-soon{background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 2px 8px #95a5a666}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.tool-icon-wrapper{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;transition:all .4s;display:flex;position:relative}.tool-icon-wrapper:after{content:"";background:var(--tool-color);opacity:0;z-index:-1;border-radius:50%;transition:opacity .4s;position:absolute;inset:-3px}.tool-showcase-card:hover .tool-icon-wrapper:after{opacity:.2}.tool-showcase-card:hover .tool-icon-wrapper{transform:scale(1.1)rotate(5deg)}.tool-showcase-icon{color:var(--tool-color);font-size:2.5rem;transition:all .3s}.tool-showcase-card h3{color:#1e293b;margin-bottom:12px;font-size:1.3rem;font-weight:700;transition:color .3s}.tool-showcase-card:hover h3{color:var(--tool-color)}.tool-showcase-card p{color:#64748b;min-height:48px;margin-bottom:20px;font-size:.95rem;line-height:1.6}.tool-try-button{color:var(--tool-color);border:2px solid var(--tool-color);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.tool-try-button:before{content:"";background:var(--tool-color);z-index:-1;width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.tool-try-button:hover:before{left:0}.tool-try-button:hover{color:#fff;transform:translate(5px)}.tool-try-button .arrow{font-size:1.2rem;transition:transform .3s}.tool-try-button:hover .arrow{transform:translate(5px)}.tools-cta-wrapper{text-align:center;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border:2px dashed #3b82f64d;border-radius:15px;margin-top:50px;padding:30px}.tools-cta-text{color:#64748b;margin-bottom:15px;font-size:1.1rem;font-weight:500}.tools-main-cta{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1.2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;padding:16px 32px;font-size:1.1rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 6px 20px #3b82f666}.tools-main-cta:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.tools-main-cta:hover:before{left:100%}.tools-main-cta:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 25px #3b82f680}.social-proof-section{max-width:1000px;margin:0 auto 60px;padding:20px}.social-proof-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #e2e8f0cc;border-radius:20px;justify-content:space-around;align-items:center;padding:40px 20px;display:flex;box-shadow:0 8px 30px #00000014}.stat-item{text-align:center;flex:1}.stat-number{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.5rem;font-weight:900;animation:2s ease-out count-up}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:.95rem;font-weight:600}.stat-divider{background:linear-gradient(#0000,#3b82f64d,#0000);width:2px;height:60px}@keyframes count-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.motivation-features-quick{flex-wrap:wrap;justify-content:center;gap:30px;margin:25px 0;display:flex}.quick-feature{color:#3b82f6;background:#3b82f61a;border-radius:20px;padding:8px 16px;font-size:1rem;font-weight:600;transition:all .3s}.quick-feature:hover{background:#3b82f633;transform:translateY(-2px)}.motivation-section{text-align:center;background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%);border:1px solid #e2e8f099;border-radius:20px;max-width:1200px;margin:0 auto 60px;padding:60px 20px;box-shadow:0 4px 20px #00000014}.motivation-content p{color:#64748b;max-width:900px;margin:0 auto 25px;font-size:1.1rem;line-height:1.7}.motivation-cta{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1.2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #3b82f640}.motivation-cta:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.motivation-cta:hover:before{left:100%}.motivation-cta:hover{transform:translateY(-3px);box-shadow:0 6px 20px #3b82f666}.landing-page section h2{text-align:center;margin-bottom:30px;font-size:2.5rem}.landing-page section p{color:#280808;font-size:1.1rem}.landing-page section ul{margin:20px 0;padding-left:40px}.landing-page section ul li{margin-bottom:10px}.tools-showcase-section h2{margin-top:50px;margin-bottom:20px;font-size:2rem}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.1rem}.hero-cta{flex-direction:column;gap:20px}.features-grid,.tutorials-grid{grid-template-columns:repeat(2,1fr)}.tutorial-card iframe{height:200px}.branding-container h1{font-size:22px}.branding-container .logo-element:before{width:8px;height:8px}.nav-links{display:none}.nav-links.open{background:#fffffffa;border:1px solid #e2e8f0cc;border-radius:0 0 15px 15px;flex-direction:column;padding:20px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 20px #0000001a}.hamburger-menu{display:block}.footer{padding:30px 15px}.footer-card{padding:20px}.footer-subtitle{font-size:1.2rem}.blog-preview-grid{grid-template-columns:1fr}.tools-showcase-grid{grid-template-columns:1fr;gap:20px}.social-proof-container{flex-direction:column;gap:30px;padding:30px 15px}.stat-divider{width:60px;height:2px}.stat-number{font-size:2rem}.motivation-features-quick{flex-direction:column;align-items:center;gap:15px}.tools-cta-wrapper{padding:20px}.tools-main-cta{padding:10px 20px;font-size:.7rem}}@media (max-width:480px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.features-grid,.tutorials-grid{grid-template-columns:1fr}.tutorial-card iframe{height:180px}.motivation-content p{font-size:1rem}.motivation-cta{padding:12px 24px;font-size:.9rem}.footer-card{padding:15px}.footer-subtitle{font-size:1.1rem}.footer-content p{font-size:.9rem}.footer-note{font-size:.85rem}.branding-container h1{font-size:20px}.branding-container .logo-element:before{width:6px;height:6px}.social-link{width:36px;height:36px;padding:6px}.stat-number{font-size:1.8rem}.stat-label{font-size:.85rem}.tool-showcase-card{padding:25px 20px}.tool-icon-wrapper{width:70px;height:70px}.tool-showcase-icon{font-size:2rem}}