*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--secondary-color: #f59e0b;--accent-color: #10b981;--text-primary: #1f2937;--text-secondary: #6b7280;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-card: #ffffff;--bg-footer: #1f2937;--text-footer: #d1d5db;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--icon-color-files: #1d4ed8;--icon-color-images: #c026d3;--icon-color-media: #6d28d9;--icon-color-watermark: #c2410c;--icon-color-qr: #047857;--icon-gradient-files: linear-gradient(135deg, #3b82f6, #1e40af);--icon-gradient-images: linear-gradient(135deg, #ec4899, #86198f);--icon-gradient-media: linear-gradient(135deg, #8b5cf6, #4c1d95);--icon-gradient-watermark: linear-gradient(135deg, #f97316, #9a3412);--icon-gradient-qr: linear-gradient(135deg, #10b981, #065f46);--hero-bg-start: #4c1d95;--hero-bg-end: #1e3a8a;--hero-title-super-start: #fde047;--hero-title-super-end: #fb923c;--hero-title-converter-start: #d1d5db;--hero-title-converter-end: #9ca3af;--hero-tagline-color: #a5b4fc;--brand-super-color: #ec4899;--brand-converter-color: var(--primary-color)}[data-theme=dark]{--text-primary: #f9fafb;--text-secondary: #d1d5db;--bg-primary: #111827;--bg-secondary: #1f2937;--bg-card: #374151;--bg-footer: #0f172a;--text-footer: #9ca3af;--border-color: #4b5563;--icon-color-files: #60a5fa;--icon-color-images: #f0abfc;--icon-color-media: #c4b5fd;--icon-color-watermark: #fdba74;--icon-color-qr: #6ee7b7;--icon-gradient-files: linear-gradient(135deg, #60a5fa, #2563eb);--icon-gradient-images: linear-gradient(135deg, #f472b6, #c026d3);--icon-gradient-media: linear-gradient(135deg, #a78bfa, #7c3aed);--icon-gradient-watermark: linear-gradient(135deg, #fb923c, #ea580c);--icon-gradient-qr: linear-gradient(135deg, #34d399, #059669);--hero-bg-start: #3730a3;--hero-bg-end: #1e1b4b;--hero-title-super-start: #facc15;--hero-title-super-end: #f59e0b;--hero-title-converter-start: #e5e7eb;--hero-title-converter-end: #d1d5db;--hero-tagline-color: #c7d2fe;--brand-super-color: #f472b6;--brand-converter-color: var(--primary-color)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}html{scroll-behavior:smooth}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-content{flex-grow:1}.btn{padding:.6rem 1.25rem;border-radius:var(--border-radius-md);font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover{background-color:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);filter:brightness(1.1)}.user-profile-icon{display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary)}</file> <horizonsAction type="file" filePath="src/styles/hero.css"> .hero{padding:8rem 1.5rem 10rem;text-align:center;background:linear-gradient(135deg,var(--hero-bg-start),var(--hero-bg-end));color:#fff;position:relative;overflow:hidden}.floating-icon{position:absolute;color:#ffffff14;animation:float 18s infinite ease-in-out;opacity:0}.floating-icon.icon-1{top:15%;left:10%;animation-duration:15s;animation-delay:0s;transform:scale(1.1)}.floating-icon.icon-2{top:25%;left:85%;animation-duration:20s;animation-delay:1.5s;transform:scale(1.2)}.floating-icon.icon-3{top:65%;left:15%;animation-duration:16s;animation-delay:2.5s;transform:scale(.95)}.floating-icon.icon-4{top:75%;left:80%;animation-duration:19s;animation-delay:1s;transform:scale(1.1)}.floating-icon.icon-5{top:35%;left:45%;animation-duration:22s;animation-delay:2s;transform:scale(1)}.floating-icon.icon-6{top:55%;left:25%;animation-duration:17s;animation-delay:3s;transform:scale(1.25)}@keyframes float{0%{transform:translateY(0) rotate(0) scale(var(--float-scale, 1));opacity:0}25%{transform:translateY(-30px) rotate(20deg) scale(calc(var(--float-scale, 1) * 1.05));opacity:.8}50%{transform:translateY(0) rotate(0) scale(var(--float-scale, 1));opacity:.5}75%{transform:translateY(30px) rotate(-20deg) scale(calc(var(--float-scale, 1) * .95));opacity:.8}to{transform:translateY(0) rotate(0) scale(var(--float-scale, 1));opacity:0}}.hero h1{font-size:5.5rem;font-weight:800;margin-bottom:1.75rem;letter-spacing:-.05em;text-shadow:0 5px 10px rgba(0,0,0,.35);line-height:1}.hero-tagline{display:inline-flex;align-items:center;gap:.6rem;font-size:1rem;font-weight:500;color:var(--hero-tagline-color);background-color:#ffffff14;padding:.6rem 1.2rem;border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.hero-cta{display:inline-flex;align-items:center;gap:.8rem;background:white;color:var(--hero-bg-start);padding:1.2rem 3rem;border-radius:var(--border-radius-lg);text-decoration:none;font-weight:600;font-size:1.15rem;transition:all .3s ease;box-shadow:var(--shadow-lg)}.hero-cta:hover{transform:translateY(-6px) scale(1.06);box-shadow:var(--shadow-xl);background:var(--bg-secondary);color:var(--hero-bg-start)}@media (max-width: 768px){.hero h1{font-size:4rem}.hero p{font-size:1.2rem}.hero-taglines{gap:1.2rem}.hero-tagline{font-size:.9rem;padding:.5rem 1rem}}@media (max-width: 480px){.hero h1{font-size:3rem}.hero p{font-size:1.05rem}.hero-taglines{flex-direction:column;align-items:center;gap:.8rem}}.navbar{background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;transition:background-color .3s ease,border-color .3s ease}.nav-container{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:70px}.nav-left{display:flex;align-items:center;gap:1rem}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:var(--border-radius-md);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}.menu-toggle:hover{background-color:var(--bg-secondary)}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary)}.brand-logo{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;flex-shrink:0}.brand-name{font-size:1.5rem;font-weight:700}.brand-name-super{color:var(--brand-super-color)}.brand-name-converter{color:var(--brand-converter-color)}.nav-middle{display:flex;gap:.5rem}.nav-item{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:var(--border-radius-md);transition:all .2s ease;display:flex;align-items:center;gap:.5rem;cursor:pointer}.nav-item:hover,.nav-item.active{color:var(--primary-color);background-color:var(--bg-secondary)}.nav-item .lucide{transition:color .2s ease}.nav-right{display:flex;align-items:center;gap:1rem}.theme-toggle{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:var(--border-radius-md);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}.theme-toggle:hover{background-color:var(--bg-secondary)}.auth-buttons-desktop{display:flex;gap:.75rem}.auth-button-mobile{display:none!important}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1500;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--bg-card);border-right:1px solid var(--border-color);z-index:1600;transform:translate(-100%);transition:transform .3s ease,background-color .3s ease,border-color .3s ease;overflow-y:auto;display:flex;flex-direction:column}.sidebar.active{transform:translate(0)}.sidebar-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sidebar-close{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:var(--border-radius-md);color:var(--text-primary)}.sidebar-nav{padding:1rem;flex-grow:1;display:flex;flex-direction:column}.sidebar-nav .nav-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;font-size:1rem}.sidebar-auth-buttons{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:space-around}.sidebar-auth-buttons .btn{flex-grow:1}.hero{padding:9rem 1.5rem 11rem;text-align:center;background:linear-gradient(135deg,var(--hero-bg-start),var(--hero-bg-end));color:#fff;position:relative;overflow:hidden}.hero-background-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-10 10c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8-8 3.6-8 8zm20 20c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8-8 3.6-8 8zm20 20c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8-8 3.6-8 8zm20 20c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8-8 3.6-8 8zm20 20c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8-8 3.6-8 8z' fill='%23ffffff' fill-opacity='0.02'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.02'%3E%3Cpolygon fill='url(%23a)' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(%23b)' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E");opacity:.5;z-index:0;animation:bg-pan 25s linear infinite}@keyframes bg-pan{0%{background-position:0% 0%}to{background-position:100% 100%}}.stars{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.star{position:absolute;width:2px;height:2px;background-color:#fff;border-radius:50%;box-shadow:0 0 8px 3px #ffffffe6;animation:twinkle 3.5s infinite ease-in-out}.star:nth-child(1){top:20%;left:25%;animation-delay:0s;transform:scale(1.1)}.star:nth-child(2){top:80%;left:10%;animation-delay:.6s;transform:scale(.8)}.star:nth-child(3){top:10%;left:85%;animation-delay:1.1s;transform:scale(1.2)}.star:nth-child(4){top:90%;left:90%;animation-delay:1.7s;transform:scale(.9)}.star:nth-child(5){top:50%;left:50%;animation-delay:2.2s;transform:scale(1)}.star:nth-child(6){top:30%;left:70%;animation-delay:2.8s;transform:scale(1.1)}.star:nth-child(7){top:70%;left:30%;animation-delay:.3s;transform:scale(.95)}.star:nth-child(8){top:5%;left:5%;animation-delay:.9s;transform:scale(1.05)}.star:nth-child(9){top:45%;left:95%;animation-delay:1.9s;transform:scale(.85)}.star:nth-child(10){top:95%;left:45%;animation-delay:2.4s;transform:scale(1.15)}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}.floating-icons{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-icon{position:absolute;color:#ffffff12;animation:float 20s infinite ease-in-out;opacity:0}.floating-icon.icon-1{top:15%;left:10%;animation-duration:17s;animation-delay:0s}.floating-icon.icon-2{top:25%;left:85%;animation-duration:22s;animation-delay:1.5s}.floating-icon.icon-3{top:65%;left:15%;animation-duration:18s;animation-delay:2.5s}.floating-icon.icon-4{top:75%;left:80%;animation-duration:21s;animation-delay:1s}.floating-icon.icon-5{top:35%;left:45%;animation-duration:24s;animation-delay:2s}.floating-icon.icon-6{top:55%;left:25%;animation-duration:19s;animation-delay:3s}.floating-icon.icon-7{top:70%;left:30%;animation-duration:22s;animation-delay:4s}.floating-icon.icon-8{top:10%;left:60%;animation-duration:18s;animation-delay:3.5s}.floating-icon.icon-9{top:85%;left:50%;animation-duration:16s;animation-delay:5s}.floating-icon.icon-10{top:5%;left:35%;animation-duration:23s;animation-delay:2s}.floating-icon.icon-11{top:90%;left:10%;animation-duration:19s;animation-delay:1s}.floating-icon.icon-12{top:40%;left:90%;animation-duration:21s;animation-delay:4.5s}.floating-icon.icon-13{top:60%;left:70%;animation-duration:17s;animation-delay:.5s}.floating-icon.icon-14{top:20%;left:5%;animation-duration:25s;animation-delay:.8s}.floating-icon.icon-15{top:80%;left:90%;animation-duration:20s;animation-delay:2.2s}.floating-icon.icon-16{top:50%;left:5%;animation-duration:23s;animation-delay:3.8s}@keyframes float{0%{transform:translateY(0) rotate(0) scale(var(--float-scale, 1));opacity:0}10%{opacity:.6}25%{transform:translateY(-35px) rotate(15deg) scale(calc(var(--float-scale, 1) * 1.03));opacity:.9}50%{transform:translateY(0) rotate(0) scale(var(--float-scale, 1));opacity:.6}75%{transform:translateY(35px) rotate(-15deg) scale(calc(var(--float-scale, 1) * .97));opacity:.9}90%{opacity:.6}to{transform:translateY(0) rotate(0) scale(var(--float-scale, 1));opacity:0}}.hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.hero h1{font-size:5.5rem;font-weight:800;margin-bottom:1.75rem;letter-spacing:-.05em;text-shadow:0 6px 12px rgba(0,0,0,.4);line-height:1}.hero-title-super{background:linear-gradient(135deg,var(--hero-title-super-start),var(--hero-title-super-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;display:inline}.hero-title-converter{background:linear-gradient(135deg,var(--hero-title-converter-start),var(--hero-title-converter-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;display:inline}.hero p{font-size:1.4rem;margin-bottom:2.75rem;opacity:.9;max-width:750px;margin-left:auto;margin-right:auto}.hero-taglines{display:flex;justify-content:center;gap:1.75rem;margin-bottom:3.25rem;flex-wrap:wrap}.hero-tagline{display:inline-flex;align-items:center;gap:.6rem;font-size:1rem;font-weight:500;color:var(--hero-tagline-color);background-color:#ffffff1a;padding:.7rem 1.3rem;border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.15)}.hero-tagline .lucide{color:var(--accent-color)}.hero-cta{display:inline-flex;align-items:center;gap:.9rem;background:linear-gradient(135deg,#ffffff,#f0f0f0);color:var(--hero-bg-start);padding:1.3rem 3.2rem;border-radius:var(--border-radius-lg);text-decoration:none;font-weight:700;font-size:1.25rem;transition:all .3s ease-in-out;box-shadow:0 10px 20px #0000001f,0 4px 8px #0000001a;border:none}.hero-cta .lucide{transition:transform .3s ease}.hero-cta:hover{transform:translateY(-7px) scale(1.07);box-shadow:0 14px 28px #0000002e,0 6px 12px #00000026;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);color:var(--hero-bg-end)}.hero-cta:hover .lucide{transform:rotate(12deg) scale(1.12)}@media (max-width: 768px){.hero h1{font-size:4rem}.hero p{font-size:1.2rem}.hero-taglines{gap:1.2rem}.hero-tagline{font-size:.9rem;padding:.6rem 1.1rem}.hero-cta{padding:1.1rem 2.7rem;font-size:1.15rem}}@media (max-width: 480px){.hero h1{font-size:3rem}.hero p{font-size:1.05rem}.hero-taglines{flex-direction:column;align-items:center;gap:.8rem}.hero-cta{padding:1rem 2.2rem;font-size:1.05rem}}.main-content{min-height:calc(100vh - 70px);background:var(--bg-primary);padding-top:0}.category-section{padding:4rem 1.5rem;max-width:1280px;margin:0 auto}.category-section:nth-child(2n){background-color:var(--bg-secondary)}.category-section.page-version{padding:2rem 1.5rem;background-color:transparent!important}.category-section-header{text-align:center;margin-bottom:3rem}.category-section-header.page-header-version{margin-bottom:2.5rem;padding-bottom:0;border-bottom:none}.category-section-icon-title-wrapper{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.category-section-icon-wrapper{width:60px;height:60px;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-md);flex-shrink:0}.category-section-icon-wrapper.page-icon-wrapper-version{width:70px;height:70px}.category-section-title{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin-bottom:0}.category-section-title.page-title-version{font-size:2.75rem}.category-section-description{font-size:1.125rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.category-section-description.page-description-version{font-size:1.2rem}.tool-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;justify-items:center}.about-us-section{padding-bottom:5rem}.about-us-content{max-width:900px;margin:2rem auto 0;text-align:left}.about-us-text-block{margin-bottom:2rem;background-color:var(--bg-card);padding:1.5rem;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.about-us-text-block h3{font-size:1.5rem;color:var(--primary-color);margin-bottom:.75rem}.about-us-text-block p,.about-us-text-block ul{font-size:1rem;color:var(--text-secondary);line-height:1.7}.about-us-text-block ul{list-style-position:inside;padding-left:.5rem}.about-us-text-block ul li{margin-bottom:.5rem}.about-us-text-block ul li strong{color:var(--text-primary)}.tool-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem}.tool-card-link{text-decoration:none}.tool-card{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:1.75rem;border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%}.tool-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.tool-card-icon-wrapper{width:56px;height:56px;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1.25rem;flex-shrink:0;transition:transform .3s ease}.tool-card-title{font-weight:600;color:var(--text-primary);font-size:1.125rem;margin-bottom:.5rem}.tool-card-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;flex-grow:1;text-decoration:none!important}.footer{background-color:var(--bg-footer);color:var(--text-footer);padding:3rem 1.5rem;border-top:1px solid var(--border-color);margin-top:auto}.footer-container{max-width:1280px;margin:0 auto;text-align:center}.footer-brand{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.footer-brand .brand-logo{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.footer-brand-name{font-size:1.5rem;font-weight:700}.footer-brand-name .brand-name-super{color:var(--brand-super-color)}.footer-brand-name .brand-name-converter{color:var(--brand-converter-color);opacity:.9}.footer-links{margin-bottom:1.5rem;display:flex;flex-direction:row;justify-content:center;gap:1.5rem;flex-wrap:wrap}.footer-link{color:var(--text-footer);text-decoration:none;transition:color .2s ease;font-size:.9rem;cursor:pointer}.footer-link:hover{color:var(--primary-color)}.footer-socials{margin-bottom:1.5rem;display:flex;justify-content:center;gap:1rem}.footer-socials a{color:var(--text-footer);transition:color .2s ease}.footer-socials a:hover{color:var(--primary-color)}.footer-copyright{font-size:.875rem;color:var(--text-secondary)}[data-theme=dark] .footer-copyright{color:var(--text-footer);opacity:.8}@media (max-width: 992px){.nav-middle{gap:.25rem}.nav-item{padding:.5rem .75rem}.tool-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.category-section-title{font-size:2rem}}@media (max-width: 768px){.nav-middle{display:none}.menu-toggle{display:block}.brand-name{display:none}.nav-container .brand{position:absolute;left:50%;transform:translate(-50%)}.nav-left .brand{position:static;transform:none}.auth-buttons-desktop{display:none!important}.auth-button-mobile{display:inline-flex!important;padding:.5rem 1rem}.hero h1{font-size:2.75rem}.hero p{font-size:1.1rem}.category-section-title{font-size:1.75rem}.tool-cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.tool-card{padding:1.5rem}.footer-links{gap:1rem;flex-direction:column}}@media (max-width: 480px){.nav-container{padding:0 1rem}.nav-container .brand{position:absolute;left:50%;transform:translate(-50%)}.nav-left .brand{position:static;transform:none}.brand-logo{width:36px;height:36px;font-size:1.1rem}.hero{padding:4rem 1rem}.hero h1{font-size:2.25rem}.hero p{font-size:1rem}.hero-cta{padding:.8rem 1.75rem;font-size:.9rem}.category-section{padding:3rem 1rem}.category-section-icon-wrapper{width:50px;height:50px}.category-section-title{font-size:1.6rem}.category-section-description{font-size:.95rem}.tool-cards-grid{grid-template-columns:1fr;gap:1rem}.footer-brand-name{font-size:1.25rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tool-card{animation:fadeInUp .5s ease-out forwards;opacity:0}.tool-cards-grid>.tool-card:nth-child(1){animation-delay:.05s}.tool-cards-grid>.tool-card:nth-child(2){animation-delay:.1s}.tool-cards-grid>.tool-card:nth-child(3){animation-delay:.15s}.tool-cards-grid>.tool-card:nth-child(4){animation-delay:.2s}.tool-cards-grid>.tool-card:nth-child(5){animation-delay:.25s}.tool-cards-grid>.tool-card:nth-child(6){animation-delay:.3s}.tool-cards-grid>.tool-card:nth-child(7){animation-delay:.35s}.tool-cards-grid>.tool-card:nth-child(8){animation-delay:.4s}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-sm);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sidebar::-webkit-scrollbar-track{background:var(--bg-card)}.sidebar::-webkit-scrollbar-thumb{border-color:var(--bg-card)}.stats-section{padding:6rem 1.5rem 5rem;background-color:var(--bg-primary);text-align:center;border-top:1px solid var(--border-color)}.stats-title{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.stats-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:4rem;max-width:650px;margin-left:auto;margin-right:auto}.stats-grid{display:flex;justify-content:space-around;align-items:flex-start;flex-wrap:wrap;gap:2rem;max-width:1100px;margin:0 auto}.stat-item-flat{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;min-width:200px;text-align:center}.stat-icon-flat{color:var(--primary-color);margin-bottom:.75rem}.stat-number-flat{font-size:2.75rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-label-flat{font-size:1rem;color:var(--text-secondary);font-weight:500}@media (max-width: 992px){.stats-grid{justify-content:center}.stat-item-flat{min-width:180px}}@media (max-width: 768px){.stats-section{padding:4rem 1.5rem}.stats-title{font-size:1.8rem}.stats-subtitle{font-size:.95rem;margin-bottom:3rem}.stat-number-flat{font-size:2.25rem}.stat-label-flat{font-size:.9rem}}@media (max-width: 480px){.stats-grid{gap:1.5rem}.stat-item-flat{width:100%;margin-bottom:1rem}}.tool-page-container{padding:2rem;max-width:1000px;margin:2rem auto;animation:fadeIn .5s ease-in-out}.tool-page-container.not-found{text-align:center;padding:4rem 2rem}.tool-page-breadcrumbs{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;color:var(--muted-foreground)}.breadcrumb-link{display:flex;align-items:center;gap:.25rem;color:var(--foreground);transition:color .2s ease}.breadcrumb-link:hover{color:var(--accent-color)}.breadcrumb-separator{color:var(--muted-foreground)}.breadcrumb-text.active{color:var(--foreground);font-weight:500}.tool-page-header{text-align:center;margin-bottom:3rem}.tool-header-icon-wrapper{width:100px;height:100px;border-radius:var(--border-radius-lg);display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 8px 20px #0000001a}.tool-page-title{font-size:3rem;font-weight:700;color:var(--foreground);margin-bottom:.5rem}.tool-page-description{font-size:1.2rem;color:var(--muted-foreground);max-width:600px;margin:0 auto}.tool-page-upload-section{background-color:var(--card);border:2px dashed var(--border);border-radius:var(--border-radius-xl);padding:3rem 2rem;text-align:center;transition:all .3s ease;margin-bottom:2rem}.tool-page-upload-section:hover{border-color:var(--accent-color);background-color:var(--accent-soft)}.choose-files-button{background:var(--accent-gradient);color:var(--button-choose-files-text-color, white);font-size:1.2rem;padding:1.2rem 2.5rem;height:auto;border-radius:var(--border-radius-lg);transition:all .3s ease;box-shadow:0 4px 15px #5865f233;border:none}html:not([data-theme=dark]) .choose-files-button{color:var(--text-primary)}.choose-files-button:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 7px 20px #5865f24d}.dropdown-menu-content-custom{background:var(--dropdown-gradient)!important;border:none!important;box-shadow:0 10px 35px #00000040!important;border-radius:var(--border-radius-lg)!important;padding:.75rem!important;width:240px!important;min-height:180px!important;display:flex;flex-direction:column;justify-content:space-around}.dropdown-menu-content-custom [data-radix-collection-item]{padding:.75rem 1rem!important;border-radius:var(--border-radius-md)!important;transition:background-color .2s ease-in-out!important;font-weight:500;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important}.dropdown-menu-content-custom [data-radix-collection-item] span{color:#fff!important}html:not([data-theme=dark]) .dropdown-menu-content-custom [data-radix-collection-item] span{color:var(--text-primary)!important}html:not([data-theme=dark]) .dropdown-menu-content-custom{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}html:not([data-theme=dark]) .dropdown-menu-content-custom [data-radix-collection-item]:hover{background-color:var(--accent-soft)!important}.dropdown-menu-content-custom [data-radix-collection-item]:hover{background-color:#ffffff26!important}.dropdown-menu-content-custom [data-radix-collection-item] .lucide{opacity:.9}html:not([data-theme=dark]) .dropdown-menu-content-custom [data-radix-collection-item] .lucide{color:var(--text-secondary)!important}.tool-page-feature-descriptions-vertical{display:flex;flex-direction:column;gap:2rem;margin-top:5rem;align-items:center}.feature-description-card-vertical{background-color:var(--card);padding:2rem;border-radius:var(--border-radius-xl);border:none;box-shadow:var(--shadow-lg);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;max-width:700px;width:100%}.feature-description-card-vertical:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl)}.feature-description-icon-vertical{flex-shrink:0;display:inline-flex;padding:1rem;background-color:var(--accent-soft);border-radius:var(--border-radius-lg);margin-bottom:.5rem}.feature-description-content-vertical{text-align:center}.feature-description-title-vertical{font-size:1.35rem;font-weight:700;color:var(--foreground);margin-bottom:.75rem}.feature-description-text-vertical{font-size:1rem;color:var(--muted-foreground);line-height:1.7}.video-downloader-section{background-color:var(--card);border-radius:var(--border-radius-xl);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1.5rem}.video-url-input-container{position:relative;display:flex;align-items:center;gap:1rem}.video-url-input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--muted-foreground);pointer-events:none}.video-url-input{flex-grow:1;height:3.5rem;font-size:1rem;padding-left:2.5rem;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.video-url-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-t)}.fetch-video-button{height:3.5rem;padding:0 2rem;font-size:1rem;font-weight:600;border-radius:var(--border-radius-lg);color:#fff}.video-preview-placeholder{background-color:var(--bg-secondary);border:2px dashed var(--border);border-radius:var(--border-radius-lg);height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted-foreground);text-align:center;padding:1rem}.video-resolutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.resolution-button{font-weight:500;border-radius:var(--border-radius-md)}.download-video-button{font-size:1.1rem;padding:1rem 2rem;height:auto;border-radius:var(--border-radius-lg);font-weight:600;color:#fff}@media (max-width: 768px){.tool-page-title{font-size:2.5rem}.tool-page-description{font-size:1rem}.video-url-input-container{flex-direction:column}.video-url-input,.fetch-video-button{width:100%}.video-preview-placeholder{height:250px}}@media (max-width: 480px){.tool-page-upload-section{padding:2rem 1rem}.choose-files-button{font-size:1rem;padding:1rem 2rem}.feature-description-card-vertical{padding:1.5rem}.feature-description-title-vertical{font-size:1.2rem}.feature-description-text-vertical{font-size:.9rem}.video-downloader-section{padding:1.5rem}.video-preview-placeholder{height:200px}.video-resolutions-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}.file-upload-modal-content{background-color:var(--background);color:var(--foreground);border:1px solid var(--border)}.file-upload-modal-title{font-size:1.5rem;font-weight:600}.file-upload-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}.upload-option-button{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;font-size:1rem;height:auto;background-color:var(--card);color:var(--foreground);border:1px solid var(--border);transition:all .2s ease-in-out}.upload-option-button:hover{background-color:var(--accent-soft);border-color:var(--accent-color);color:var(--accent-color)}@media (max-width: 480px){.file-upload-options-grid{grid-template-columns:1fr}}