@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_7b064e0d-module__MOT0tq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_7b064e0d-module__MOT0tq__variable{--font-inter:"Inter","Inter Fallback"}
:root{--clr-bg:#0b1120;--clr-surface:#0f172a;--clr-surface-2:#1e293b;--clr-surface-3:#1e293bb3;--clr-border:#ffffff14;--clr-border-light:#ffffff1f;--clr-border-glow:#3b82f680;--clr-text:#f8fafc;--clr-text-muted:#cbd5e1;--clr-text-dim:#94a3b8;--clr-primary:#3b82f6;--clr-primary-light:#60a5fa;--clr-primary-dark:#2563eb;--clr-primary-glow:#3b82f626;--clr-secondary:#0ea5e9;--clr-secondary-glow:#0ea5e926;--clr-accent:#f43f5e;--clr-accent-light:#fb7185;--clr-success:#10b981;--clr-success-bg:#10b9811a;--clr-error:#ef4444;--clr-error-bg:#ef44441a;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-md:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--shadow-lg:0 20px 25px -5px #0006,0 10px 10px -5px #0003;--shadow-glow:0 0 15px 0 #3b82f633;--nav-glow:0 1px 3px 0 #0000004d;--transition:.2s ease-in-out;--transition-slow:.4s ease;--transition-bounce:.4s cubic-bezier(.34,1.56,.64,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--clr-bg);color:var(--clr-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:var(--clr-surface-2)transparent;min-height:100vh;line-height:1.7;overflow-x:hidden}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:var(--clr-bg)}body::-webkit-scrollbar-thumb{background:var(--clr-surface-2);border:2px solid var(--clr-bg);border-radius:999px}body::-webkit-scrollbar-thumb:hover{background:var(--clr-primary-light)}.main-content{animation:.6s cubic-bezier(.4,0,.2,1) pageEntrance}@keyframes pageEntrance{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}a{color:var(--clr-primary-light);transition:color var(--transition);text-decoration:none}a:hover{color:var(--clr-accent-light)}::selection{background:var(--clr-primary);color:#fff}.social-link{color:var(--clr-text-dim);transition:all var(--transition);border:1px solid var(--clr-border);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.social-link:hover{color:var(--clr-primary-light);border-color:var(--clr-primary-light);background:var(--clr-primary-glow);box-shadow:0 0 15px var(--clr-primary-glow);transform:translateY(-3px)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}svg{flex-shrink:0}.nav-btn,.sidebar-cat-label,.sidebar-title,.mobile-nav-title,.footer-col-title,.tools-category-title,.hero-feature,.hero-badge,.preview-label,.preview-meta span,.tool-error,.btn-download,.btn-reset,.related-card-cta,.footer-privacy{align-items:center;gap:6px;display:flex}.sidebar-cat-label{align-items:center;gap:8px;display:flex}.sidebar-chevron{transition:transform var(--transition)}.sidebar-chevron.open{transform:rotate(90deg)}.upload-icon-wrap{color:var(--clr-primary-light);margin-bottom:12px;animation:2s ease-in-out infinite uploadPulse}@keyframes uploadPulse{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.spinner-icon{color:var(--clr-primary);margin:0 auto 16px;animation:1s linear infinite spin;display:block}.privacy-icon-svg,.hero-feature-icon-svg{color:var(--clr-success);flex-shrink:0}.faq-icon-wrap{color:var(--clr-primary-light);background:var(--clr-primary-glow);width:24px;height:24px;transition:background var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq-item.open .faq-icon-wrap{background:#6366f140}.page-layout{flex-direction:column;min-height:100vh;display:flex}.main-container{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:0 24px;display:flex}.main-content{flex:1;min-width:0;padding:32px 0 64px}.header{-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--clr-border);z-index:1000;transition:all var(--transition);background:#0b1120cc;position:sticky;top:0;box-shadow:0 4px 30px #0000001a}.header-inner{justify-content:space-between;align-items:center;max-width:1600px;height:72px;margin:0 auto;padding:0 24px;display:flex}.header-logo{color:var(--clr-text);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.3rem;font-weight:800;text-decoration:none;display:flex}.logo-icon-svg{color:var(--clr-primary-light);filter:drop-shadow(0 0 8px var(--clr-primary-glow))}@media (max-width:480px){.header-logo{gap:6px;font-size:1.1rem}}.logo-text{background:linear-gradient(135deg,var(--clr-text)0%,var(--clr-primary-light)50%,var(--clr-secondary)100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite shine}@keyframes shine{to{background-position:200%}}.header-nav{gap:4px;display:none}@media (min-width:768px){.header-nav{display:flex}}.nav-dropdown{position:relative}.nav-btn{border-radius:var(--radius-sm);color:var(--clr-text-muted);transition:all var(--transition);padding:8px 14px;font-size:.9rem;font-weight:500}.nav-btn:hover{color:var(--clr-text);background:var(--clr-surface-2)}.nav-dropdown-content{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);min-width:280px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);z-index:110;padding:8px;display:none;position:absolute;top:100%;left:0}.nav-dropdown:last-child .nav-dropdown-content{left:auto;right:0}.nav-dropdown:hover .nav-dropdown-content{display:block}.nav-dropdown-link{border-radius:var(--radius-sm);color:var(--clr-text-muted);transition:all var(--transition);padding:8px 12px;font-size:.85rem;display:block}.nav-dropdown-link:hover{background:var(--clr-surface-2);color:var(--clr-text)}.hamburger{flex-direction:column;gap:5px;padding:8px;display:flex}@media (min-width:768px){.hamburger{display:none}}.hamburger-line{background:var(--clr-text);width:24px;height:2px;transition:all var(--transition);border-radius:2px}.hamburger-line.open:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-nav{background:var(--clr-surface);border-top:1px solid var(--clr-border);-webkit-overflow-scrolling:touch;max-height:calc(100vh - 64px);padding:16px;animation:.25s slideDown;overflow-y:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-section{margin-bottom:16px}.mobile-nav-title{color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.85rem;font-weight:600}.mobile-nav-link{color:var(--clr-text);border-radius:var(--radius-sm);transition:background var(--transition);align-items:center;min-height:44px;padding:10px 12px;font-size:.9rem;display:flex}.mobile-nav-link:hover{background:var(--clr-surface-2)}.sidebar{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-xl);width:280px;height:calc(100vh - 120px);box-shadow:inset 0 1px 0 #ffffff05,var(--shadow-sm);flex-shrink:0;margin-right:32px;padding:24px;display:none;position:sticky;top:96px;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background-color:var(--clr-border-light);border-radius:10px}@media (min-width:1024px){.sidebar{display:block}}.sidebar-title{text-transform:uppercase;letter-spacing:.1em;color:var(--clr-text-muted);margin-bottom:16px;font-size:.8rem;font-weight:700}.sidebar-section{margin-bottom:4px}.sidebar-cat-btn{width:100%;color:var(--clr-text-muted);border-radius:var(--radius-sm);transition:all var(--transition);justify-content:space-between;align-items:center;padding:10px 12px;font-size:.88rem;font-weight:600;display:flex}.sidebar-cat-btn:hover,.sidebar-cat-btn.active{background:var(--clr-surface-2);color:var(--clr-text)}.sidebar-arrow{transition:transform var(--transition);font-size:.75rem}.sidebar-arrow.open{transform:rotate(90deg)}.sidebar-links{padding:4px 0 8px 12px;list-style:none}.sidebar-link{color:var(--clr-text-dim);border-radius:0 var(--radius-sm)var(--radius-sm)0;transition:all var(--transition);border-left:2px solid #0000;padding:6px 12px;font-size:.82rem;display:block}.sidebar-link:hover{color:var(--clr-text);border-left-color:var(--clr-primary);background:var(--clr-primary-glow)}.sidebar-link.active{color:var(--clr-primary-light);border-left-color:var(--clr-primary);background:var(--clr-primary-glow);font-weight:500}.sidebar-divider{background:var(--clr-border);height:1px;margin:16px 0}.sidebar-widget{margin-bottom:4px}.sidebar-widget-title{text-transform:uppercase;letter-spacing:.08em;color:var(--clr-text-muted);align-items:center;gap:6px;margin-bottom:10px;font-size:.75rem;font-weight:700;display:flex}.sidebar-popular-list{flex-direction:column;gap:4px;list-style:none;display:flex}.sidebar-popular-link{color:var(--clr-text-dim);border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;text-overflow:ellipsis;padding:6px 10px;font-size:.8rem;display:block;overflow:hidden}.sidebar-popular-link:hover,.sidebar-popular-link.active{color:var(--clr-primary-light);background:var(--clr-primary-glow)}.sidebar-stats{gap:8px;margin-bottom:16px;display:flex}.sidebar-stat{background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:var(--radius-md);text-align:center;flex:1;padding:10px 8px}.sidebar-stat-value{color:var(--clr-primary-light);font-size:1.1rem;font-weight:800;display:block}.sidebar-stat-label{color:var(--clr-text-dim);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:.65rem;display:block}.sidebar-trust-card{background:var(--clr-success-bg);border-radius:var(--radius-md);border:1px solid #10b98133;align-items:flex-start;gap:10px;margin-bottom:12px;padding:12px;display:flex}.sidebar-trust-icon{color:var(--clr-success);flex-shrink:0;margin-top:1px}.sidebar-trust-card p{color:var(--clr-text-muted);font-size:.78rem;line-height:1.5}.sidebar-tip{color:var(--clr-text-dim);background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:var(--radius-md);align-items:flex-start;gap:8px;padding:10px 12px;font-size:.75rem;line-height:1.5;display:flex}.sidebar-tip svg{color:var(--clr-primary);flex-shrink:0;margin-top:1px}.tool-wrapper{max-width:1100px;margin:0 auto}.tool-h1{background:linear-gradient(135deg,var(--clr-text),var(--clr-primary-light));-webkit-text-fill-color:transparent;word-break:break-word;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:1.35rem;font-weight:800;line-height:1.25}@media (min-width:480px){.tool-h1{font-size:1.6rem}}@media (min-width:640px){.tool-h1{font-size:2rem;line-height:1.2}}@media (min-width:768px){.tool-h1{font-size:2.2rem}}.privacy-badge{background:var(--clr-success-bg);color:var(--clr-success);word-break:break-word;border:1px solid #22c55e33;border-radius:999px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:24px;padding:6px 12px;font-size:.75rem;display:inline-flex}@media (min-width:480px){.privacy-badge{flex-wrap:nowrap;gap:8px;padding:8px 16px;font-size:.8rem}}.privacy-icon{flex-shrink:0;font-size:1rem}.upload-area{border:2px dashed var(--clr-border);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:all var(--transition-bounce);background:var(--clr-surface-2);box-shadow:var(--shadow-sm);padding:40px 16px;position:relative;overflow:hidden}.upload-area:hover,.upload-area.drag-over{border-color:var(--clr-primary);background:var(--clr-primary-glow);transform:translateY(-2px)}.upload-text{color:var(--clr-text);z-index:1;margin-bottom:8px;font-size:1.05rem;font-weight:500;position:relative}.upload-text strong{color:var(--clr-primary-light)}.upload-hint{color:var(--clr-text-dim);font-size:.8rem}.upload-input{display:none}.tool-error{background:var(--clr-error-bg);border-radius:var(--radius-md);color:var(--clr-error);border:1px solid #ef44444d;margin-top:16px;padding:12px 16px;font-size:.9rem}.processing{text-align:center;color:var(--clr-text-muted);padding:48px 24px}@keyframes spin{to{transform:rotate(360deg)}}.result-area{margin-top:24px;animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.preview-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.preview-grid{grid-template-columns:1fr 1fr}}.preview-card{background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #ffffff05,var(--shadow-sm);transition:all var(--transition-bounce);animation:.5s backwards fadeInUp;position:relative;overflow:hidden}.preview-card:hover{box-shadow:var(--shadow-md);border-color:var(--clr-primary);transform:translateY(-6px)scale(1.01)}.preview-card-result{border-color:var(--clr-primary-light);box-shadow:var(--shadow-md);background:var(--clr-surface-2)}.preview-label{text-transform:uppercase;letter-spacing:.05em;color:var(--clr-text-muted);padding:12px 16px 0;font-size:.85rem;font-weight:600}.preview-card-result .preview-label{color:var(--clr-primary-light)}.preview-img-wrap{background:repeating-conic-gradient(var(--clr-surface-2)0% 25%,var(--clr-surface-3)0% 50%)50%/16px 16px;justify-content:center;align-items:center;min-height:180px;padding:12px;display:flex}.preview-img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:240px}.preview-meta{color:var(--clr-text-muted);border-top:1px solid var(--clr-border);background:var(--clr-surface-2);justify-content:space-between;padding:10px 16px;font-size:.8rem;display:flex}.preview-size{color:var(--clr-success);font-weight:600}.size-comparison{background:var(--clr-surface);border-radius:var(--radius-md);border:1px solid var(--clr-border);margin:20px 0;padding:16px 20px}.size-bar-label{color:var(--clr-text-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:.75rem;display:flex}@media (min-width:480px){.size-bar-label{flex-wrap:nowrap;font-size:.82rem}}.size-bar-track{background:var(--clr-surface-3);border-radius:999px;height:8px;overflow:hidden}.size-bar-fill{background:linear-gradient(90deg,var(--clr-success),var(--clr-primary));border-radius:999px;height:100%;transition:width .6s}.size-reduction{color:var(--clr-success);margin-top:8px;font-size:.85rem;font-weight:600}.tool-actions{flex-direction:column;gap:12px;display:flex}@media (min-width:480px){.tool-actions{flex-flow:wrap}}.btn-download{background:linear-gradient(135deg,var(--clr-primary),var(--clr-primary-light),var(--clr-secondary));color:#fff;letter-spacing:.02em;border-radius:var(--radius-md);width:100%;transition:all var(--transition-bounce);box-shadow:0 8px 32px -8px var(--clr-primary-dark),inset 0 1px 0 #fff6;text-align:center;background-size:200%;min-height:52px;padding:16px 24px;font-size:1.05rem;font-weight:700;animation:5s infinite backwards gradientFlow;position:relative;overflow:hidden}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-download:after{content:"";opacity:0;width:200%;height:200%;transition:all var(--transition);background:radial-gradient(circle,#ffffff4d 0%,#0000 60%);position:absolute;top:-50%;left:-50%;transform:scale(.5)}.btn-download:hover{box-shadow:0 12px 40px -8px var(--clr-primary),0 4px 12px var(--clr-secondary-glow),inset 0 1px 0 #fff6;transform:translateY(-3px)scale(1.02)}.btn-download:hover:after{opacity:1;transform:scale(1)}.btn-download:active{box-shadow:0 4px 16px -4px var(--clr-primary-dark);transform:translateY(1px)scale(.98)}@media (min-width:480px){.btn-download{flex:1;width:auto;min-width:160px;padding:14px 24px}}.btn-download:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f180}.btn-download:active{transform:translateY(0)}.btn-reset{background:var(--clr-surface-2);border:1px solid var(--clr-border);width:100%;color:var(--clr-text-muted);border-radius:var(--radius-md);transition:all var(--transition);text-align:center;min-height:48px;padding:14px 20px;font-size:1rem;font-weight:600}@media (min-width:480px){.btn-reset{width:auto;padding:14px 24px}}.btn-reset:hover{background:var(--clr-surface-3);color:var(--clr-text)}.ad-slot{margin:24px 0}.ad-placeholder{background:var(--clr-surface);border:1px dashed var(--clr-border);border-radius:var(--radius-md);text-align:center;justify-content:center;align-items:center;min-height:90px;padding:32px 16px;display:flex}.ad-label{color:var(--clr-text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.seo-section{max-width:800px;margin-top:40px;margin-left:auto;margin-right:auto}.seo-text p{color:var(--clr-text-muted);margin-bottom:16px;font-size:.95rem;line-height:1.8}.steps-heading{color:var(--clr-text);margin:32px 0 16px;font-size:1.3rem;font-weight:700}.steps-list{counter-reset:none;list-style:none}.step-item{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);transition:border-color var(--transition);align-items:flex-start;gap:14px;margin-bottom:10px;padding:14px 16px;display:flex}.step-item:hover{border-color:var(--clr-primary)}.step-number{background:linear-gradient(135deg,var(--clr-primary),var(--clr-primary-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.faq-section{max-width:800px;margin-top:40px;margin-left:auto;margin-right:auto}.faq-heading{color:var(--clr-text);margin-bottom:16px;font-size:1.3rem;font-weight:700}.faq-item{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);transition:border-color var(--transition);margin-bottom:8px;overflow:hidden}.faq-item.open{border-color:var(--clr-primary)}.faq-question{width:100%;color:var(--clr-text);text-align:left;transition:background var(--transition);justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:12px 14px;font-size:.88rem;font-weight:600;display:flex}@media (min-width:480px){.faq-question{padding:14px 16px;font-size:.95rem}}.faq-question:hover{background:var(--clr-surface-2)}.faq-icon{color:var(--clr-primary-light);flex-shrink:0;margin-left:8px;font-size:1.2rem}.faq-answer{transition:max-height var(--transition-slow),opacity var(--transition-slow);overflow:hidden}.faq-answer p{color:var(--clr-text-muted);padding:0 16px 16px;font-size:.9rem;line-height:1.7}.related-section{max-width:800px;margin-top:40px;margin-left:auto;margin-right:auto}.related-heading{color:var(--clr-text);margin-bottom:16px;font-size:1.3rem;font-weight:700}.related-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:640px){.related-grid{grid-template-columns:1fr 1fr}}.related-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);transition:all var(--transition);padding:16px;text-decoration:none;display:block}.related-card:hover{border-color:var(--clr-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.related-card-category{text-transform:uppercase;letter-spacing:.08em;color:var(--clr-primary-light);background:var(--clr-primary-glow);border-radius:999px;margin-bottom:8px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.related-card-title{color:var(--clr-text);margin-bottom:4px;font-size:.95rem;font-weight:600}.related-card-desc{color:var(--clr-text-dim);margin-bottom:8px;font-size:.8rem;line-height:1.5}.related-card-cta{color:var(--clr-accent);font-size:.82rem;font-weight:600}.footer{background:var(--clr-surface);border-top:1px solid var(--clr-border-light);-webkit-backdrop-filter:blur(24px);margin-top:0}.footer-inner{max-width:1600px;margin:0 auto;padding:40px 24px 24px}.footer-grid{border-bottom:1px solid var(--clr-border);grid-template-columns:1fr;gap:40px;margin-bottom:40px;padding-bottom:40px;display:grid}@media (min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px}}.brand-col .footer-desc{margin-bottom:24px}.trust-badge{background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:var(--radius-md);color:var(--clr-text-muted);align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:500;display:inline-flex}.trust-icon{color:var(--clr-success)}.footer-contact-list{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-contact-list li{color:var(--clr-text-muted);align-items:center;gap:10px;font-size:.9rem;display:flex}.footer-contact-list svg{color:var(--clr-primary)}.footer-logo{color:var(--clr-text);align-items:center;margin-bottom:12px;font-size:1.3rem;font-weight:800;text-decoration:none;display:flex}.footer-desc{color:var(--clr-text-muted);font-size:.9rem;line-height:1.6}.footer-col-title{text-transform:uppercase;letter-spacing:.08em;color:var(--clr-text);align-items:center;gap:8px;margin-bottom:16px;font-size:.85rem;font-weight:700;display:flex}.footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:var(--clr-text-muted);transition:color var(--transition);font-size:.9rem;text-decoration:none}.footer-links a:hover{color:var(--clr-primary)}.footer-bottom{color:var(--clr-text-dim);text-align:center;flex-direction:column;align-items:center;gap:16px;font-size:.85rem;display:flex}@media (min-width:768px){.footer-bottom{text-align:left;flex-direction:row;justify-content:space-between}}.footer-bottom-links{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.footer-bottom-links a{color:var(--clr-text-dim);transition:color var(--transition);text-decoration:none}.footer-bottom-links a:hover{color:var(--clr-primary)}.hero{text-align:center;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;margin:0 0 32px;padding:48px 24px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:var(--clr-primary);height:4px;position:absolute;top:0;left:0;right:0}@media (min-width:768px){.hero{padding:64px 32px}}.hero-badge{background:var(--clr-primary-glow);color:var(--clr-primary-light);border:1px solid #6366f133;border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.hero h1{background:linear-gradient(135deg,var(--clr-text),var(--clr-primary-light),var(--clr-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:1.8rem;font-weight:800;line-height:1.25;animation:.6s ease-out backwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:480px){.hero h1{font-size:2.4rem}}@media (min-width:640px){.hero h1{font-size:3.2rem;line-height:1.15}}.hero-sub{color:var(--clr-text-muted);max-width:600px;margin:0 auto 20px;font-size:.9rem;line-height:1.6}@media (min-width:480px){.hero-sub{margin:0 auto 24px;font-size:1rem}}@media (min-width:640px){.hero-sub{font-size:1.05rem}}.hero-features{flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-bottom:8px;display:flex}@media (min-width:480px){.hero-features{gap:16px}}.hero-feature{color:var(--clr-text-muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.hero-feature-icon{color:var(--clr-success)}.tools-section{width:100%}.tools-category{margin-bottom:48px}.tools-category-title{color:var(--clr-text);border-bottom:1px solid var(--clr-border-light);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;font-size:1.3rem;font-weight:800;display:flex}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-flow:dense;gap:20px;display:grid}.tool-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);transition:all var(--transition-bounce);box-shadow:var(--shadow-sm);padding:24px;text-decoration:none;animation:.6s backwards fadeInUp;display:block;position:relative;overflow:hidden}.tools-grid>.tool-card:nth-child(2){animation-delay:.1s}.tools-grid>.tool-card:nth-child(3){animation-delay:.15s}.tools-grid>.tool-card:nth-child(4){animation-delay:.2s}.tools-grid>.tool-card:nth-child(5){animation-delay:.25s}.tools-grid>.tool-card:nth-child(6){animation-delay:.3s}.tool-card:before{content:"";background:var(--clr-primary);opacity:0;height:4px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.tool-card:hover{border-color:var(--clr-primary);box-shadow:var(--shadow-md);background:var(--clr-surface);transform:translateY(-8px)scale(1.02)}.tool-card:hover:before{opacity:1}.tool-card-title{color:var(--clr-text);margin-bottom:6px;font-size:.95rem;font-weight:600}.tool-card-desc{color:var(--clr-text-dim);margin-bottom:10px;font-size:.8rem;line-height:1.5}.tool-card-cta{color:var(--clr-accent);font-size:.82rem;font-weight:600}.tool-page{padding:8px 4px 32px}@media (min-width:480px){.tool-page{padding:8px 8px 36px}}@media (min-width:640px){.tool-page{padding:8px 0 40px}}@media (min-width:1024px){.tool-page{padding:8px 24px 40px}}.home-seo{max-width:800px;margin:24px auto 0;padding:0 16px}.home-seo p{color:var(--clr-text-dim);margin-bottom:12px;font-size:.9rem;line-height:1.8}.search-bar{width:100%;max-width:520px;margin:24px auto 0;position:relative}.search-input-wrap{background:var(--clr-surface);border:2px solid var(--clr-border);transition:all var(--transition);border-radius:999px;align-items:center;gap:10px;padding:12px 16px;display:flex}.search-input-wrap.focused{border-color:var(--clr-primary);box-shadow:0 0 0 4px var(--clr-primary-glow)}.search-icon{color:var(--clr-text-dim);flex-shrink:0}.search-input-wrap.focused .search-icon{color:var(--clr-primary-light)}.search-input{font-family:var(--font-sans);color:var(--clr-text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.9rem}.search-input::placeholder{color:var(--clr-text-dim)}.search-clear{color:var(--clr-text-dim);transition:all var(--transition);border-radius:50%;padding:4px}.search-clear:hover{background:var(--clr-surface-2);color:var(--clr-text)}.search-results{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;animation:.2s fadeIn;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}.search-result-item{border-bottom:1px solid var(--clr-border);transition:background var(--transition);flex-direction:column;gap:2px;padding:12px 16px;text-decoration:none;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--clr-surface-2)}.search-result-category{text-transform:uppercase;letter-spacing:.08em;color:var(--clr-primary-light);font-size:.7rem;font-weight:700}.search-result-title{color:var(--clr-text);font-size:.88rem;font-weight:500}.search-no-results{text-align:center;color:var(--clr-text-dim);padding:16px;font-size:.85rem}.breadcrumbs{max-width:800px;margin-bottom:16px;margin-left:auto;margin-right:auto}.breadcrumb-list{flex-wrap:wrap;align-items:center;gap:2px;list-style:none;display:flex}.breadcrumb-item{align-items:center;gap:4px;display:flex}.breadcrumb-link{color:var(--clr-text-dim);transition:color var(--transition);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:2px 4px;font-size:.78rem;text-decoration:none;display:flex}.breadcrumb-link:hover{color:var(--clr-primary-light);background:var(--clr-primary-glow)}.breadcrumb-sep{color:var(--clr-text-dim);margin:0 2px}.breadcrumb-current{color:var(--clr-text-muted);font-size:.78rem;font-weight:500}.stats-section{max-width:700px;margin:0 auto;padding:24px 16px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-item{text-align:center;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);transition:all var(--transition);padding:20px 8px}.stat-item:hover{border-color:var(--clr-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.stat-icon{color:var(--clr-primary-light);justify-content:center;margin-bottom:8px;display:flex}.stat-value{background:linear-gradient(135deg,var(--clr-text),var(--clr-primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;line-height:1.2}@media (min-width:640px){.stat-value{font-size:2rem}}.stat-label{color:var(--clr-text-dim);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:.72rem}@media (min-width:640px){.stat-label{font-size:.78rem}}.how-section{text-align:center;max-width:900px;margin:40px auto 0;padding:0 16px}.how-heading{color:var(--clr-text);margin-bottom:4px;font-size:1.3rem;font-weight:700}.how-sub{color:var(--clr-text-dim);margin-bottom:24px;font-size:.9rem}.how-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.how-grid{grid-template-columns:repeat(3,1fr)}}.how-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition);padding:28px 20px 24px;position:relative}.how-card:hover{border-color:var(--clr-primary);box-shadow:var(--shadow-glow)}.how-step-number{background:linear-gradient(135deg,var(--clr-primary),var(--clr-accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:flex;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #6366f166}.how-icon{color:var(--clr-primary-light);margin-bottom:12px}.how-card-title{color:var(--clr-text);margin-bottom:6px;font-size:.95rem;font-weight:700}.how-card-desc{color:var(--clr-text-dim);font-size:.82rem;line-height:1.6}.recent-section{max-width:700px;margin:0 auto;padding:0 16px 8px}.recent-heading{color:var(--clr-text-muted);align-items:center;gap:6px;margin-bottom:10px;font-size:.82rem;font-weight:600;display:flex}.recent-grid{flex-wrap:wrap;gap:8px;display:flex}.recent-card{background:var(--clr-surface);border:1px solid var(--clr-border);color:var(--clr-text-muted);transition:all var(--transition);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;text-decoration:none;display:flex}.recent-card:hover{border-color:var(--clr-primary);color:var(--clr-text);background:var(--clr-primary-glow)}.recent-card-title{white-space:nowrap}.recent-card-arrow{color:var(--clr-primary-light);opacity:0;transition:opacity var(--transition)}.recent-card:hover .recent-card-arrow{opacity:1}.scroll-progress-track{z-index:9999;background:0 0;height:3px;position:fixed;top:0;left:0;right:0}.scroll-progress-bar{background:linear-gradient(90deg,var(--clr-primary),var(--clr-accent),var(--clr-primary-light));height:100%;box-shadow:0 0 8px var(--clr-primary-glow);border-radius:0 2px 2px 0;transition:width .1s linear}.back-to-top{background:var(--clr-primary);color:#fff;cursor:pointer;opacity:0;pointer-events:none;z-index:50;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(16px);box-shadow:0 4px 16px #6366f166}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:var(--clr-primary-light);transform:translateY(-2px);box-shadow:0 6px 24px #6366f180}.share-section{border-top:1px solid var(--clr-border);margin-top:20px;padding-top:16px}.share-label{color:var(--clr-text-dim);align-items:center;gap:6px;margin-bottom:10px;font-size:.82rem;display:flex}.share-buttons{flex-wrap:wrap;gap:8px;display:flex}.share-btn{font-size:.8rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:1px solid var(--clr-border);transition:all var(--transition);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;display:flex}.share-btn-whatsapp{color:#25d366;background:#25d3661a;border-color:#25d3664d}.share-btn-whatsapp:hover{background:#25d36633;border-color:#25d366;box-shadow:0 0 12px #25d36633}.share-btn-twitter{color:#1da1f2;background:#1da1f21a;border-color:#1da1f24d}.share-btn-twitter:hover{background:#1da1f233;border-color:#1da1f2;box-shadow:0 0 12px #1da1f233}.share-btn-copy{background:var(--clr-surface-2);color:var(--clr-text-muted)}.share-btn-copy:hover{border-color:var(--clr-primary);color:var(--clr-text)}.success-confetti{z-index:100;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-particle{border-radius:2px;animation:2.5s ease-in forwards confettiFall;position:absolute;top:-10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.success-checkmark{width:64px;height:64px;animation:.6s ease-out forwards checkmarkAppear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes checkmarkAppear{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.success-checkmark-svg{width:64px;height:64px}.success-checkmark-circle{stroke:var(--clr-success);stroke-width:2px;stroke-dasharray:157;stroke-dashoffset:157px;animation:.6s ease-in-out .1s forwards checkCircle}@keyframes checkCircle{to{stroke-dashoffset:0}}.success-checkmark-check{stroke:var(--clr-success);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40px;animation:.4s ease-in-out .4s forwards checkDraw}@keyframes checkDraw{to{stroke-dashoffset:0}}.try-another{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);margin-top:20px;padding:16px}.try-another-header{color:var(--clr-text-muted);align-items:center;gap:8px;margin-bottom:12px;font-size:.85rem;font-weight:600;display:flex}.try-another-icon{color:var(--clr-accent)}.try-another-grid{flex-direction:column;gap:8px;display:flex}.try-another-card{background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:var(--radius-md);transition:all var(--transition);align-items:center;gap:8px;padding:10px 14px;text-decoration:none;display:flex}.try-another-card:hover{border-color:var(--clr-primary);background:var(--clr-primary-glow)}.try-another-cat{text-transform:uppercase;letter-spacing:.08em;color:var(--clr-primary-light);background:var(--clr-primary-glow);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.65rem;font-weight:700}.try-another-title{color:var(--clr-text);flex:1;font-size:.82rem;font-weight:500}.try-another-arrow{color:var(--clr-text-dim);transition:transform var(--transition);flex-shrink:0}.try-another-card:hover .try-another-arrow{color:var(--clr-primary-light);transform:translate(3px)}.floating-radio-widget{z-index:1000;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);pointer-events:auto;align-items:center;max-width:260px;padding:8px 12px;display:flex;position:fixed;bottom:120px;right:20px}@media (max-width:640px){.floating-radio-widget{max-width:200px;padding:6px 10px;bottom:10px;right:10px}}.ad-slot{justify-content:center;width:100%;margin:24px 0;display:flex}.ad-real-card{background:var(--clr-surface-2);border:1px dashed var(--clr-border);border-radius:var(--radius-lg);width:100%;max-width:800px;transition:all var(--transition-bounce);padding:20px;position:relative;overflow:hidden}.ad-real-card:hover{border-style:solid;border-color:var(--clr-primary-light);background:var(--clr-surface);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ad-real-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ad-sponsored-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--clr-text-dim);background:#ffffff0d;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:700}.ad-category-badge{color:var(--clr-primary-light);background:var(--clr-primary-glow);border-radius:999px;padding:2px 10px;font-size:.7rem;font-weight:600}.ad-real-link{text-decoration:none;display:block}.ad-real-headline{color:var(--clr-text);margin-bottom:6px;font-size:1.1rem;font-weight:700;line-height:1.3}.ad-real-desc{color:var(--clr-text-muted);margin-bottom:16px;font-size:.85rem;line-height:1.5}.ad-real-cta{color:var(--clr-primary-light);transition:all var(--transition);border-bottom:2px solid #0000;font-size:.85rem;font-weight:700;display:inline-block}.ad-real-card:hover .ad-real-cta{border-bottom-color:var(--clr-primary-light)}@media (max-width:640px){.ad-real-card{padding:16px}.ad-real-headline{font-size:1rem}.ad-real-desc{font-size:.8rem}}