.home-container{flex-direction:column;gap:5rem;padding-bottom:4rem;display:flex}.hero-section{text-align:center;flex-direction:column;align-items:center;width:100%;padding:6rem 1rem 4rem;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#00ffcc1a 0%,#05050500 60%);width:800px;height:800px;animation:8s ease-in-out infinite alternate pulseGlow;position:absolute;top:-10%;left:50%;transform:translate(-50%)}@keyframes pulseGlow{0%{opacity:.5;transform:translate(-50%)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1.1)}}.hero-badge{color:var(--accent-neon);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);text-transform:uppercase;letter-spacing:.05em;background-color:#00ffcc0d;border:1px solid #00ffcc4d;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.2rem;font-size:.875rem;font-weight:600;animation:.8s ease-out fadeIn;display:inline-flex;box-shadow:0 0 15px #00ffcc1a}.hero-title{letter-spacing:-.04em;max-width:900px;margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1;animation:1s ease-out fadeIn}.hero-highlight{color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(135deg, var(--accent-neon) 0%, var(--accent-secondary) 100%);filter:drop-shadow(0 0 10px #0fc6);display:inline-block;position:relative}.hero-subtitle{color:var(--text-muted);max-width:700px;margin-bottom:3.5rem;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.7;animation:1.2s ease-out fadeIn}.hero-search{width:100%;max-width:650px;margin-bottom:4rem;animation:1.4s ease-out fadeIn}.search-input-wrapper{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background-color:#14141999;border:1px solid #ffffff1a;border-radius:16px;padding:.5rem;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff0d}.search-input-wrapper:focus-within{border-color:var(--accent-neon);transform:translateY(-2px);box-shadow:0 10px 40px #00ffcc26,inset 0 1px #ffffff0d}.search-icon{color:var(--text-muted);transition:color .3s;position:absolute;top:50%;left:1.5rem;transform:translateY(-50%)}.search-input-wrapper:focus-within .search-icon{color:var(--accent-neon)}.search-input{width:100%;color:var(--text-main);background:0 0;border:none;padding:1rem 1rem 1rem 3.5rem;font-size:1.1rem}.search-input:focus{outline:none}.search-input::placeholder{color:#ffffff4d}.search-button{background:linear-gradient(135deg, var(--accent-neon) 0%, #00b38f 100%);color:#000;text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:0 2rem;font-size:.9rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #00ffcc4d}.search-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00ffcc80}.hero-cta-group{flex-flow:column wrap;justify-content:center;gap:1rem;width:100%;animation:1.6s ease-out fadeIn;display:flex}@media (min-width:480px){.hero-cta-group{flex-direction:row;width:auto}}.btn{border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.2,.8,.2,1);display:inline-flex}.btn-primary{background-color:var(--text-main);color:#000;z-index:1;border:1px solid #0000;position:relative;overflow:hidden;box-shadow:0 4px 15px #ffffff1a}.btn-primary:after{content:"";background-color:var(--accent-neon);z-index:-1;transform-origin:bottom;width:100%;height:100%;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;transform:scaleY(0)}.btn-primary:hover{color:#000;border-color:var(--accent-neon);transform:translateY(-3px);box-shadow:0 8px 25px #00ffcc4d,0 0 15px #0fc3}.btn-primary:hover:after{transform:scaleY(1)}.btn-secondary{color:var(--text-main);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background-color:#ffffff08;border:1px solid #ffffff1a}.btn-secondary:hover{border-color:var(--accent-neon);color:var(--accent-neon);background-color:#00ffcc0d;transform:translateY(-3px);box-shadow:0 8px 25px #00ffcc26}.section-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.section-title{letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;display:flex}.section-title:before{content:"";background-color:var(--accent-neon);width:4px;height:24px;box-shadow:0 0 10px var(--accent-neon-glow);border-radius:4px;display:block}.view-all-link{color:var(--text-muted);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.view-all-link:hover{color:var(--accent-neon);gap:.75rem}.generators-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.generators-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.generators-grid{grid-template-columns:repeat(3,1fr)}}.features-section{grid-template-columns:1fr;gap:2rem;margin-top:3rem;display:grid;position:relative}@media (min-width:768px){.features-section{grid-template-columns:repeat(3,1fr)}}.feature-card{background-color:var(--bg-card);text-align:center;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid #ffffff0d;border-radius:16px;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;background:radial-gradient(circle at 100% 0,#ffffff0d 0%,#0000 60%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.feature-card:hover{border-color:#ffffff26;transform:translateY(-8px);box-shadow:0 15px 35px #00000080}.feature-card:hover:before{opacity:1}.feature-icon{color:var(--accent-neon);filter:drop-shadow(0 0 15px var(--accent-neon-glow));justify-content:center;align-items:center;margin-bottom:1.5rem;transition:transform .4s,filter .4s;display:flex}.feature-card:hover .feature-icon{filter:drop-shadow(0 0 25px var(--accent-neon));transform:scale(1.1)}.feature-card h3{color:var(--text-main);margin-bottom:1rem;font-size:1.35rem;font-weight:700}.feature-card p{color:var(--text-muted);font-size:1rem;line-height:1.7}.seo-content-section{background-color:#0a0a0c80;border:1px solid #ffffff0d;border-radius:20px;padding:3rem 1.5rem;position:relative;overflow:hidden}@media (min-width:640px){.seo-content-section{padding:4rem 3rem}}.seo-content-section:before{content:"";background:linear-gradient(to bottom, var(--accent-neon), var(--accent-secondary));opacity:.5;width:4px;height:100%;position:absolute;top:0;left:0}.seo-heading{color:var(--text-main);letter-spacing:-.02em;margin-bottom:2.5rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:800}.seo-text-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.seo-text-grid{grid-template-columns:1fr 1fr}}.seo-text-block{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:1.5rem;transition:border-color .3s}.seo-text-block:hover{border-color:#00ffcc26}.seo-text-block h3{color:var(--accent-neon);margin-bottom:.75rem;font-size:1.15rem;font-weight:700}.seo-text-block p{color:var(--text-muted);font-size:.95rem;line-height:1.8}.seo-text-block strong{color:var(--text-main);font-weight:600}.faq-section{padding:0}.faq-grid{grid-template-columns:1fr;gap:1rem;margin-top:2rem;display:grid}@media (min-width:768px){.faq-grid{grid-template-columns:1fr 1fr}}.faq-item{background-color:#14141999;border:1px solid #ffffff0d;border-radius:12px;transition:all .3s;overflow:hidden}.faq-item:hover{border-color:#0fc3}.faq-item[open]{border-color:#00ffcc4d;box-shadow:0 0 20px #00ffcc0d}.faq-item summary{color:var(--text-main);cursor:pointer;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:1rem;font-weight:700;list-style:none;transition:color .2s;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent-neon);flex-shrink:0;margin-left:1rem;font-size:1.5rem;font-weight:300;transition:transform .3s}.faq-item[open] summary:after{content:"−"}.faq-item summary:hover{color:var(--accent-neon)}.faq-item p{color:var(--text-muted);padding:0 1.5rem 1.25rem;font-size:.95rem;line-height:1.8}
