.nav-link,body{color:var(--font-color)}.btn,.logo,.nav-link{text-decoration:none}.button,.contact-section,.error-page-container,.feature-item,.footer-copyright,.hero,.section-subtitle,.section-title,.tool-card{text-align:center}:root{--bg-color:#121828;--bg-secondary-color:#1a2035;--font-color:#dbe1e8;--primary-gradient:linear-gradient(90deg, #6a11cb 0%, #2575fc 100%);--primary-color-start:#6a11cb;--primary-color-end:#2575fc;--card-bg-color:#212946;--card-border-color:rgba(255, 255, 255, 0.1);--shadow-color:rgba(106, 17, 203, 0.3)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background-color:var(--bg-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:rgba(18,24,40,.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border-color);position:fixed;width:100%;z-index:100}.logo,.nav-link:hover{background:var(--primary-gradient);-webkit-text-fill-color:transparent}.navbar{display:flex;justify-content:space-between;align-items:center;height:70px}.logo{font-size:1.8rem;font-weight:700;-webkit-background-clip:text;background-clip:text}.nav-menu{display:flex;list-style:none;gap:30px}.nav-link{font-weight:400;transition:color .3s}.nav-link:hover{-webkit-background-clip:text;background-clip:text}.hamburger{display:none;cursor:pointer}.bar{display:block;width:25px;height:3px;margin:5px auto;background-color:var(--font-color);transition:.3s ease-in-out}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:70px}.hero-content{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-content .btn,.hero-content h1,.hero-content p{margin-left:auto;margin-right:auto}.hero-content h1{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700;margin-bottom:1rem;line-height:1.2}.hero-content p{font-size:clamp(1rem, 2.5vw, 1.2rem);max-width:600px;margin:0 auto 2rem;color:#a9b3c1}.hero-bg-shape{top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgba(37,117,252,.1) 0,rgba(37,117,252,0) 60%);transform:translate(-50%,-50%);animation:10s ease-in-out infinite pulse}@keyframes pulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}.hero-animated-blobs{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;opacity:.45;filter:blur(12px);animation:18s ease-in-out infinite alternate blobMove;mix-blend-mode:lighten}.blob1{width:420px;height:420px;background:radial-gradient(circle at 30% 30%,#6a11cb 0,#2575fc 100%);top:10%;left:10%;animation-delay:0s}.blob2{width:340px;height:340px;background:radial-gradient(circle at 70% 70%,#2575fc 0,#6a11cb 100%);top:40%;left:60%;animation-delay:4s}.blob3{width:300px;height:300px;background:radial-gradient(circle at 50% 50%,#fff 0,#2575fc 100%);top:60%;left:30%;opacity:.18;animation-delay:8s}.btn-primary,.btn-secondary:hover,.section-title::after{background:var(--primary-gradient)}@keyframes blobMove{0%,100%{transform:scale(1) translate(0,0)}33%{transform:scale(1.15,.85) translate(40px,-30px)}66%{transform:scale(.9,1.1) translate(-30px,40px)}}.error-content,.hero-bg-shape,.hero-content{position:relative;z-index:2}.btn{display:inline-block;padding:12px 30px;border-radius:50px;font-weight:600;transition:transform .3s,box-shadow .3s}.btn-primary{color:#fff;border:none}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px var(--shadow-color)}.btn-secondary{background:0 0;color:var(--font-color);border:2px solid var(--primary-color-end)}.btn-secondary:hover{color:#fff;border-color:transparent;transform:translateY(-3px)}section{padding:100px 0}.section-title{font-size:2.5rem;font-weight:600;margin-bottom:60px;position:relative}.section-title::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;border-radius:2px}.section-subtitle{font-size:1.1rem;color:#a9b3c1;max-width:600px;margin:-40px auto 60px}.tools-section{background:var(--bg-secondary-color);padding:80px 0 60px}.features-section .section-title,.tools-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:18px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid,.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;margin-top:30px}.feature-item,.tool-card{background:var(--card-bg-color);border-radius:16px;box-shadow:0 4px 24px 0 rgba(37,117,252,.08),0 1.5px 6px 0 rgba(0,0,0,.08);padding:36px 24px 28px;border:1.5px solid var(--card-border-color);transition:transform .25s cubic-bezier(.4,2,.6,1),box-shadow .25s cubic-bezier(.4,2,.6,1),border-color .25s;position:relative;overflow:hidden}.feature-item:hover,.tool-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 8px 32px 0 rgba(37,117,252,.18),0 4px 16px 0 rgba(0,0,0,.12);border-color:var(--primary-color-end);z-index:2}.tool-icon{width:64px;height:64px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);border-radius:50%;box-shadow:0 2px 8px 0 rgba(37,117,252,.1);font-size:2rem;color:#fff;transition:box-shadow .3s}.tool-card:hover .tool-icon{box-shadow:0 4px 16px 0 rgba(37,117,252,.18)}.tool-card h3{font-size:1.25rem;font-weight:600;margin-bottom:10px;color:var(--font-color)}.feature-item p,.footer-desc,.tool-card p{color:#a9b3c1;font-size:1rem;margin-bottom:0}.page-content{padding:3rem 0}.content-container,.tool-container{background-color:var(--white-color);padding:2rem;border-radius:8px;box-shadow:0 4px 15px var(--shadow-light);max-width:800px;margin:0 auto}.content-container h2,.tool-container h2{text-align:left;margin-bottom:1.5rem}.content-container p,.tool-container p{margin-bottom:1.5rem;line-height:1.7}.content-container ol,.content-container ul{margin-left:20px;margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--dark-text)}.form-group input[type=email],.form-group input[type=file],.form-group input[type=number],.form-group input[type=text],.form-group input[type=url],.form-group select,.form-group textarea{width:100%;padding:.8rem 1rem;border:1px solid var(--border-color);border-radius:5px;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group textarea{min-height:150px;resize:vertical}.form-group input[type=range]{width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(74,105,189,.2)}.button{display:inline-block;background-color:var(--primary-color);color:var(--light-text);padding:.8rem 2rem;border:none;border-radius:5px;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .2s}.button:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.animate-on-scroll.is-visible,.back-to-top-btn.visible{opacity:1;transform:translateY(0)}.button.accent{background-color:var(--accent-color);color:var(--dark-text)}.button.accent:hover{background-color:#f9ca60;color:var(--dark-text)}.tool-output{margin-top:2rem;padding:1.5rem;background-color:#f1f3f5;border:1px dashed var(--border-color);border-radius:5px;min-height:100px;word-wrap:break-word}.tool-output h3{margin-bottom:1rem;font-size:1.1rem;color:var(--primary-color)}.tool-output ul{list-style:none;padding:0}.tool-output li{padding:.3rem 0;border-bottom:1px solid var(--border-color)}.tool-output li:last-child{border-bottom:none}.feedback-message{display:none;padding:.8rem 1rem;margin-top:1rem;border-radius:5px;font-weight:500}.error-title,.footer .logo{font-weight:700;-webkit-text-fill-color:transparent}.feedback-message.loading{display:block;background-color:#e9ecef;color:var(--dark-text);border:1px solid var(--border-color)}.feedback-message.success{display:block;background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.feedback-message.error{display:block;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.thumbnail-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.thumbnail-preview img{border:1px solid var(--border-color);border-radius:4px;width:100%;height:auto;margin-bottom:.5rem}.thumbnail-preview span{font-size:.85rem;display:block;margin-bottom:.5rem}.thumbnail-preview .button{font-size:.8rem;padding:.3rem .8rem;width:100%}.contact-section p{max-width:500px;margin:0 auto 30px;color:#a9b3c1}.feature-item h3,.footer,.footer-nav a{color:var(--font-color)}.footer{background-color:var(--bg-secondary-color);padding:40px 0 20px;border-top:1px solid var(--card-border-color);font-size:1rem}.back-to-top-btn,.footer .logo{background:var(--primary-gradient);text-decoration:none}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:40px;margin-bottom:20px}.footer-brand{max-width:300px}.footer .logo{font-size:1.5rem;-webkit-background-clip:text;background-clip:text;display:inline-block;margin-bottom:10px}.footer-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-nav a{text-decoration:none;font-weight:500;transition:color .2s}.footer-nav a:hover{color:var(--primary-color-end)}.footer-copyright{color:#a9b3c1;font-size:.95rem;margin-top:20px}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.tool-card:nth-child(2),.tool-card:nth-child(5){transition-delay:0.1s}.tool-card:nth-child(3),.tool-card:nth-child(6){transition-delay:0.2s}.tool-card:nth-child(4),.tool-card:nth-child(7){transition-delay:0.3s}.tool-card:nth-child(8){transition-delay:0.4s}.back-to-top-btn{position:fixed;bottom:30px;right:30px;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:.4s;z-index:99}.back-to-top-btn.visible{visibility:visible}.back-to-top-btn svg{width:24px;height:24px}@media (max-width:768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:var(--bg-color);width:100%;height:calc(100vh - 70px);text-align:center;transition:.3s;gap:0}.nav-menu.active{left:0}.nav-item{padding:20px 0;border-bottom:1px solid var(--card-border-color)}.hamburger{display:block}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.section-title{font-size:2rem}.footer-content{flex-direction:column;align-items:center;gap:24px;text-align:center}.footer-brand{max-width:100%}.footer-nav ul{flex-direction:row;gap:20px;justify-content:center}}.planet-zero::before,.stars-bg{top:0;left:0;width:100%;height:100%}.features-section{background:linear-gradient(120deg,#1a2035 60%,#212946 100%);padding:80px 0 60px}.feature-item h3{font-size:1.3rem;font-weight:600;margin-bottom:10px}@media (max-width:600px){.features-section,.tools-section{padding:50px 0 30px}.features-grid,.tools-grid{gap:18px}.feature-item,.tool-card{padding:24px 10px 18px}.tool-icon{width:48px;height:48px;font-size:1.3rem}}.error-page-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0f0c29;padding:20px;position:relative;overflow:hidden}.error-title{font-size:clamp(8rem, 30vw, 20rem);line-height:1;margin:0;background:linear-gradient(90deg,#6a11cb,#2575fc,#30cfd0,#6a11cb);-webkit-background-clip:text;background-clip:text;background-size:300% auto;animation:8s linear infinite text-shine;text-shadow:0 0 30px rgba(37,117,252,.3)}.planet-zero{display:inline-block;position:relative;background:linear-gradient(135deg,#2575fc,#30cfd0);border-radius:50%;box-shadow:inset 0 0 40px rgba(0,0,0,.3),0 0 20px #30cfd0;animation:4s ease-in-out infinite pulse-planet}.star,.stars-bg{position:absolute}.planet-zero::before{content:'';position:absolute;border-radius:50%;background-image:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 80% 40%,#fff,transparent),radial-gradient(2px 2px at 50% 70%,#fff,transparent);animation:5s linear infinite twinkle-stars}@keyframes pulse-planet{0%,100%{transform:scale(1);box-shadow:inset 0 0 40px rgba(0,0,0,.3),0 0 20px #30cfd0}50%{transform:scale(1.05);box-shadow:inset 0 0 40px rgba(0,0,0,.3),0 0 35px #30cfd0}}@keyframes twinkle-stars{from{transform:rotate(0)}to{transform:rotate(360deg)}}.error-subtitle{font-size:clamp(1.5rem, 5vw, 2.5rem);color:#fff;margin-top:10px}.error-description{font-size:1.1rem;color:var(--font-color-muted,#a9b3c1);max-width:450px;margin:15px auto 30px;line-height:1.6}.btn-primary-error{display:inline-block;text-decoration:none;font-weight:600;border-radius:50px;background:linear-gradient(45deg,var(--primary-color-start,#6a11cb),var(--primary-color-end,#2575fc));color:#fff;padding:15px 35px;box-shadow:0 10px 30px rgba(37,117,252,.3);transition:transform .3s,box-shadow .3s}.btn-primary-error:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(37,117,252,.5)}.stars-bg{z-index:1}.star{background:#fff;border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px #fff;animation:20s linear infinite drift}.star-sm{width:2px;height:2px}.star-md{width:3px;height:3px}.star-lg{width:4px;height:4px}.star:first-child{top:20%;left:10%;animation-duration:25s}.star:nth-child(2){top:80%;left:15%;animation-duration:18s}.star:nth-child(3){top:50%;left:90%;animation-duration:22s}.star.star2{top:10%;left:80%;animation-duration:30s;animation-delay:-5s}.star.star3{top:90%;left:60%;animation-duration:15s;animation-delay:-2s}.star.star4{top:40%;left:30%;animation-duration:28s;animation-delay:-10s}@keyframes drift{from{transform:translate(0,0) rotate(0)}to{transform:translate(-200px,200px) rotate(180deg);opacity:0}}