@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shine{0%{background-position:-200% center}to{background-position:200% center}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{to{opacity:1;transform:translate(0)}}@keyframes smoothScroll{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.landing-container{min-height:100vh}@keyframes cosmic-shift{0%{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.1) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:.8}}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:.7}}@keyframes float-around{0%{transform:translate(0) scale(1)}25%{transform:translate(5%,10%) scale(1.05)}50%{transform:translate(10%,5%) scale(1)}75%{transform:translate(5%,-5%) scale(.95)}to{transform:translate(0) scale(1)}}.hero-section{padding:8rem 2rem 6rem;display:flex;align-items:center;justify-content:space-between;gap:4rem;max-width:1200px;min-height:100vh;margin:0 auto;position:relative}.hero-title{font-size:4rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2;color:var(--text-primary);position:relative}.hero-title .letter{opacity:0;transform:translateY(10px);display:inline-block;animation:fadeInUp .4s forwards;background:inherit;font-size:4rem;font-weight:800;letter-spacing:.05em}.letter:nth-child(1){animation-delay:.05s}.letter:nth-child(2){animation-delay:.1s}.letter:nth-child(3){animation-delay:.2s}.letter:nth-child(4){animation-delay:.3s}.letter:nth-child(5){animation-delay:.4s}.letter:nth-child(6){animation-delay:.5s}.letter:nth-child(7){animation-delay:.6s}.letter:nth-child(8){animation-delay:.7s}.letter:nth-child(9){animation-delay:.8s}.letter:nth-child(10){animation-delay:.9s}.letter:nth-child(11){animation-delay:.1s}.letter:nth-child(12){animation-delay:.11s}.hero-subtitle{display:block;font-size:1.5rem;font-weight:500;color:var(--text-secondary);margin-top:.5rem}.hero-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:600px;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease .2s forwards}.search-container{display:flex;gap:1rem;margin-bottom:3rem;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease .4s forwards}.search-box{flex:1;position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:.75rem 1rem;display:flex;align-items:center;transition:all .3s ease}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.search-icon{color:var(--text-secondary);margin-right:.75rem}.search-input{flex:1;border:none;background:none;font-size:1rem;color:var(--text-primary);outline:none}.search-input::placeholder{color:var(--text-secondary)}.explore-button{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);background-size:200% auto;color:#fff;border:none;border-radius:var(--radius);padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;position:relative;overflow:hidden}.explore-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.explore-button:hover:before{left:100%}.explore-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.2);background-position:right center}.hero-visual{flex:1;position:relative;height:400px;opacity:0;transform:translate(20px);animation:fadeInRight .8s ease .6s forwards}.tools-visual{position:relative;width:100%;height:100%}.tool-icon{position:absolute;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 4px 12px #0000001a;animation:float 3s ease-in-out infinite}.tool-icon-1{top:20%;left:20%;animation-delay:0s}.tool-icon-2{top:30%;right:25%;animation-delay:.5s}.tool-icon-3{bottom:25%;left:30%;animation-delay:1s}.tool-icon-4{bottom:15%;right:20%;animation-delay:1.5s}.tool-icon-5{top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:2s}.tool-icon-1{top:20%;left:10%;animation-delay:0s}.tool-icon-2{top:50%;left:25%;animation-delay:1s}.tool-icon-3{top:10%;left:50%;animation-delay:2s}.tool-icon-4{top:60%;left:70%;animation-delay:3s}.tool-icon-5{top:30%;left:85%;animation-delay:4s}.categories-section{margin-bottom:4rem}.section-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.categories-container{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;width:90%;margin:0 auto}.category-button{display:flex;align-items:center;gap:.5rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease}.category-button:hover{border-color:var(--primary);color:var(--primary)}.category-button.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.category-icon{display:flex;align-items:center}.tools-section{scroll-margin-top:300px;max-width:90%;margin:0 auto 75px}.tools-search-container{display:flex;gap:1rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.tools-search-box{flex:1;position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:.75rem 1rem;display:flex;align-items:center;transition:all .3s ease}.tools-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.tools-search-icon{color:var(--text-secondary);margin-right:.75rem}.tools-search-input{flex:1;border:none;background:none;font-size:1rem;color:var(--text-primary);outline:none}.tools-search-input::placeholder{color:var(--text-secondary)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.tool-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);opacity:0;transition:opacity .3s ease;z-index:0}.tool-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 24px #0000001a;border-color:var(--primary)}.tool-card:hover:before{opacity:.05}.tool-icon-wrapper{width:60px;height:60px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;transition:all .3s ease;position:relative;z-index:1}.tool-card:hover .tool-icon-wrapper{transform:scale(1.1) rotate(5deg)}.tool-name{font-size:1.1rem;font-weight:600;text-align:center;margin-bottom:1rem}.tool-card .use-tool-button{display:flex;align-items:center;gap:.25rem;background-color:transparent;color:var(--primary);border:1px solid var(--primary);border-radius:var(--radius);padding:.5rem 1rem;font-size:.9rem;font-weight:500;margin:0 auto;transition:all .2s ease;position:relative;z-index:2}.tool-card .use-tool-button:hover{background-color:var(--primary);color:#fff;transform:translateY(-2px)}.no-tools-message{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--text-secondary);font-size:1.1rem}.features-section{margin-bottom:4rem;max-width:95%;margin:15px auto 75px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a}.feature-card:hover:after{transform:scaleX(1)}.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;transition:all .3s ease}.feature-card:hover .feature-icon{animation:pulse 1s ease infinite}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-description{color:var(--text-secondary)}.cta-section{padding:6rem 2rem;text-align:center;background:linear-gradient(-45deg,var(--primary),var(--secondary),var(--primary));background-size:200% 200%;animation:gradient 15s ease infinite;color:#fff;margin-top:4rem;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}.cta-content{max-width:600px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.cta-description{font-size:1.25rem;color:#ffffffe6;margin-bottom:2rem}.cta-button{background:#fff;color:var(--primary);border:none;border-radius:var(--radius);padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.footer{background-color:var(--bg-secondary);padding:4rem 2rem 2rem;border-radius:var(--radius) var(--radius) 0 0}.footer-logo{font-size:2.5rem;font-weight:800;margin-bottom:2rem;text-align:center}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}.footer-column{display:flex;flex-direction:column}.footer-title{font-size:1.1rem;font-weight:600;margin-bottom:1.25rem}.footer-link{color:var(--text-secondary);margin-bottom:.75rem;font-size:.95rem;transition:color .2s ease}.footer-link:hover{color:var(--primary)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem}@media(max-width:1024px){.hero-section{flex-direction:column;text-align:center;padding:6rem 1.5rem 4rem;gap:3rem}.hero-content{max-width:800px;margin:0 auto}.hero-description{margin:0 auto 2.5rem}.search-container{flex-direction:column;max-width:500px;margin:0 auto 3rem}.hero-visual{width:100%;max-width:600px;margin:0 auto;height:200px}.tool-icon{display:none}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.hero-section{padding:5rem 1rem 3rem;min-height:initial}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1.1rem}.section-title{font-size:2rem}.categories-container{gap:.75rem;padding:0 1rem}.category-button{padding:.6rem 1rem;font-size:.9rem}.tools-section{padding:0 1rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.features-section{padding:3rem 1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.cta-section{padding:3rem 1rem}.cta-title{font-size:2rem}.cta-description{font-size:1.1rem}.hero-visual{height:200px}.tool-icon{display:none}}@media(max-width:480px){.hero-section{padding:4rem 1rem 2rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:1rem}.search-box{padding:.5rem .75rem}.search-input{font-size:.95rem}.explore-button{padding:.5rem 1rem;font-size:.95rem}.section-title{font-size:1.75rem}.category-button{padding:.5rem .75rem;font-size:.85rem}.tool-card{padding:1.25rem}.tool-name{font-size:1rem}.use-tool-button{padding:.4rem .75rem;font-size:.85rem}.feature-card{padding:1.5rem}.feature-title{font-size:1.1rem}.feature-description{font-size:.95rem}.cta-title{font-size:1.75rem}.cta-description{font-size:1rem}.cta-button{padding:.75rem 1.5rem;font-size:1rem}.hero-visual{height:150px}}@media(max-width:360px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.tools-grid{grid-template-columns:1fr}.category-button{width:100%;justify-content:center}}html{scroll-behavior:smooth;scroll-timeline:--page-scroll block}html.fast-scroll{scroll-behavior:auto}@keyframes smoothScroll{0%{transform:translateY(0)}to{transform:translateY(var(--scroll-distance))}}.smooth-scroll{animation:smoothScroll .8s ease-in-out forwards}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--primary);display:inline-block}