:root{--brand:#1868db;--brand-hover:#1868db;--brand-rgb:24 104 219;--pico-primary:var(--brand);--pico-primary-hover:var(--brand-hover);--pico-primary-background:var(--brand);--pico-primary-border:var(--brand);--pico-primary-focus:rgba(var(--brand-rgb),0.25);--pico-primary-inverse:#fff;--pico-primary-underline:rgba(var(--brand-rgb),0.5);--category-nav-height:2.5rem;--z-base:100;--z-header:200;--z-sidebar:300;--z-modal:400;--z-tooltip:500}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--brand:#1868db;--brand-hover:#1868db;--brand-rgb:24 104 219;--pico-primary-focus:rgba(var(--brand-rgb),0.25)}}[data-theme="dark"]{--brand:#1868db;--brand-hover:#1868db;--brand-rgb:24 104 219;--pico-primary-focus:rgba(var(--brand-rgb),0.25)}body.menu-open{overflow:hidden}.hamburger-btn,.hamburger-btn span,.menu-panel a,.category-nav-list a,.main-header .logo,.footer-col a,.desktop-nav-right a{--pico-color:inherit}.sidebar-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;z-index:var(--z-sidebar)}.sidebar-menu-backdrop.active{opacity:1;visibility:visible}.sidebar-menu{position:fixed;top:0;left:0;width:100%;max-width:20rem;height:100%;background-color:var(--pico-background-color);z-index:calc(var(--z-sidebar) + 1);transform:translateX(-100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;box-shadow:2px 0 10px rgba(0,0,0,0.1)}.sidebar-menu.active{transform:translateX(0)}.sidebar-menu-header{display:flex;justify-content:space-between;align-items:center;border-bottom:var(--pico-border-width) solid var(--pico-muted-border-color);background-color:var(--pico-background-color)}.sidebar-back-btn{display:flex;align-items:center;gap:calc(var(--pico-spacing) * 0.375);background:transparent;border:none;cursor:pointer;margin-left:0;border-radius:var(--pico-border-radius);color:var(--pico-muted-color);font-weight:500;padding:calc(var(--pico-spacing) * 0.5);transition:color 0.2s ease,background-color 0.2s ease}.sidebar-back-btn svg{width:1.5em;height:1.5em;flex-shrink:0;color:var(--pico-muted-color);transition:color 0.2s ease}.sidebar-back-btn:hover{color:var(--pico-primary);background:rgba(var(--brand-rgb) / 0.1)}.sidebar-back-btn:hover svg{color:var(--pico-primary)}.sidebar-menu-title{font-weight:500;color:var(--pico-color);flex-grow:1;text-align:left;padding-left:var(--pico-spacing)}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:transparent;border:none;border-radius:var(--pico-border-radius);cursor:pointer;padding:0;margin-right:calc(var(--pico-spacing) * 0.25);transition:background-color 0.2s ease}.sidebar-close-btn:hover{background:rgba(var(--brand-rgb) / 0.1)}.sidebar-close-btn svg{width:1.688em;height:1.688em;color:var(--pico-muted-color);transition:color 0.2s ease}.sidebar-close-btn:hover svg{color:var(--pico-primary)}.menu-panels-container{position:relative;flex:1;overflow:hidden;min-height:0}.menu-panel{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--pico-background-color);transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);overflow-y:auto}.menu-panel.active{transform:translateX(0);z-index:2}.menu-panel.parent{transform:translateX(-30%);z-index:1}.menu-panel ul{list-style:none;padding:0.5rem 0.2rem 0.5rem 0.5rem;margin:0}.menu-panel li{margin-bottom:0;padding:0}.menu-panel a{display:flex;align-items:center;padding:var(--pico-nav-link-spacing-vertical) var(--pico-nav-link-spacing-horizontal);color:var(--pico-color);text-decoration:none;border-radius:var(--pico-border-radius);font-weight:500;font-size:0.9rem;gap:0.5rem;transition:background-color 0.2s ease,color 0.2s ease}.menu-panel a:hover{background-color:rgba(var(--brand-rgb) / 0.1);color:var(--pico-primary)}.menu-panel a i[data-lucide],.menu-panel a svg{width:1.125em;height:1.125em;flex-shrink:0;color:currentColor;transition:color 0.2s ease}.menu-item-with-submenu{display:flex;align-items:stretch;gap:0;margin-bottom:0}.menu-item-with-submenu .category-link{flex:1;display:flex;align-items:center;padding:var(--pico-nav-link-spacing-vertical) var(--pico-nav-link-spacing-horizontal);color:var(--pico-color);text-decoration:none;border-radius:var(--pico-border-radius) 0 0 var(--pico-border-radius);font-weight:500;font-size:0.9rem;gap:0.5rem;transition:background-color 0.2s ease,color 0.2s ease}.menu-item-with-submenu .category-link:hover{background-color:rgba(var(--brand-rgb) / 0.1);color:var(--pico-primary)}.menu-item-with-submenu .category-link i[data-lucide],.menu-item-with-submenu .category-link svg{width:1.125em;height:1.125em;flex-shrink:0;color:currentColor;transition:color 0.2s ease}.menu-item-with-submenu .submenu-toggle{display:flex;align-items:center;justify-content:center;min-width:2.5rem;padding:var(--pico-nav-link-spacing-vertical) 0.25rem;background:transparent;border:none;border-radius:0 var(--pico-border-radius) var(--pico-border-radius) 0;cursor:pointer;transition:background-color 0.2s ease;color:var(--pico-muted-color);margin-left:-0.25rem}.menu-item-with-submenu .submenu-toggle:hover{background-color:rgba(var(--brand-rgb) / 0.15);color:var(--pico-primary)}.menu-item-with-submenu .submenu-toggle i[data-lucide],.menu-item-with-submenu .submenu-toggle svg{width:1.50em;height:1.50em;opacity:0.75;transition:opacity 0.2s ease,transform 0.2s ease}.menu-item-with-submenu .submenu-toggle:hover i[data-lucide],.menu-item-with-submenu .submenu-toggle:hover svg{opacity:1}.menu-panel a.has-submenu-link{justify-content:space-between}.menu-panel a.has-submenu-link .arrow-icon{margin-left:auto;opacity:0.5}.sidebar-theme-switcher{display:flex;align-items:center;justify-content:space-between;padding:0.75rem;border-top:var(--pico-border-width) solid var(--pico-muted-border-color);background-color:var(--pico-background-color);margin-top:auto;flex-shrink:0;gap:0.75rem}.sidebar-theme-switcher .theme-label{font-size:0.9rem;font-weight:400;color:var(--pico-muted-color);letter-spacing:0.01em;margin:0;line-height:1.5}.theme-switch{position:relative;border-radius:0.9375rem;display:flex;align-items:center;width:3.375rem;height:1.875rem;flex-shrink:0;border:1.5px solid var(--pico-muted-border-color);background-color:var(--pico-muted-border-color);transition:border-color 0.25s,background-color 0.25s;cursor:pointer;padding:0;margin:0}.theme-switch:hover{border-color:var(--pico-primary)}.theme-switch-track{position:absolute;top:0.125rem;left:0.125rem;width:1.5rem;height:1.5rem;background-color:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.25);transition:transform 0.25s}[data-theme="dark"] .theme-switch-track{transform:translateX(1.5rem)}.theme-switch-icons{position:relative;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.theme-switch i[data-lucide],.theme-switch svg{position:absolute;width:1em;height:1em;transition:opacity 0.25s}.theme-icon-sun{color:#f39c12;opacity:1}.theme-icon-moon{color:#7B3FEF;opacity:0}[data-theme="dark"] .theme-icon-sun{opacity:0}[data-theme="dark"] .theme-icon-moon{opacity:1}.theme-switch *{pointer-events:none}.main-header{position:sticky;top:0;z-index:var(--z-header);background-color:var(--pico-background-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0;border-bottom:var(--pico-border-width) solid var(--pico-muted-border-color);transition:transform 0.3s ease}.main-header.header-hidden{transform:translateY(-100%)}.main-header > .container{display:flex;justify-content:space-between;align-items:center;max-width:100%;padding:0.5rem var(--pico-block-spacing-horizontal);min-height:3.5rem}.main-header .header-left{display:flex;align-items:center;gap:var(--pico-spacing)}.main-header .logo{display:flex;align-items:center;color:var(--pico-primary);text-decoration:none;font-weight:600;font-size:1.5rem}.hamburger-btn{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:0.50rem;background:transparent;border:1px solid transparent;border-radius:var(--pico-border-radius);cursor:pointer;transition:color 0.2s ease,background-color 0.2s ease,transform 0.2s ease;position:relative;flex-shrink:0;color:var(--pico-color)}.hamburger-btn:hover{color:var(--pico-primary);background:rgba(var(--brand-rgb) / 0.1);transform:scale(1.05)}.desktop-nav{display:none;align-items:center;gap:var(--pico-spacing);flex:1;margin:0 var(--pico-spacing)}.desktop-nav-right{display:flex;align-items:center;gap:var(--pico-spacing);margin-left:auto}.desktop-nav-right a{display:flex;align-items:center;gap:var(--pico-spacing);padding:var(--pico-nav-element-spacing-vertical) var(--pico-nav-element-spacing-horizontal);color:var(--pico-muted-color);text-decoration:none;font-size:0.875rem;font-weight:500;border-radius:var(--pico-border-radius)}.desktop-nav-right a:hover{color:var(--pico-color);background:rgba(var(--brand-rgb) / 0.08)}.desktop-search{display:none;position:relative;flex:1;max-width:20rem;margin-left:1rem;align-self:center}.desktop-search input{width:100%;height:2.25rem;padding:0.5rem var(--pico-form-element-spacing-horizontal) 0.5rem 2.75rem;border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);background:var(--pico-background-color);background-image:none;margin:0;font-size:0.875rem;line-height:1.25rem;transition:border-color 0.2s ease,box-shadow 0.2s ease}.desktop-search input:focus{border-color:var(--pico-primary);box-shadow:0 0 0 0.25rem rgba(var(--brand-rgb) / 0.1);outline:none}.desktop-search i[data-lucide="search"]{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);width:1.125rem;height:1.125rem;color:var(--pico-muted-color);pointer-events:none}.desktop-search-results{position:absolute;top:calc(100% + 0.25rem);left:0;right:0;background:var(--pico-background-color);border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);box-shadow:var(--pico-box-shadow);max-height:25rem;overflow-y:auto;display:none;z-index:calc(var(--z-header) + 10)}.desktop-search-results:has(.desktop-search-results-scroll:not(:empty)){display:block}.category-nav{background-color:var(--pico-background-color);border-bottom:var(--pico-border-width) solid var(--pico-muted-border-color);padding:0;position:relative}.category-nav .container{position:relative;display:flex;align-items:stretch;gap:0;max-width:100%;padding:0}.category-nav .container::before,.category-nav .container::after{content:'';position:absolute;top:0;bottom:0;width:4rem;z-index:5;pointer-events:none;opacity:0;transition:opacity 0.3s ease}.category-nav .container::before{left:0;background:linear-gradient( to right,var(--pico-background-color) 0%,var(--pico-background-color) 20%,rgba(255,255,255,0.95) 35%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.6) 65%,rgba(255,255,255,0.3) 80%,transparent 100% )}[data-theme="dark"] .category-nav .container::before{background:linear-gradient( to right,var(--pico-background-color) 0%,var(--pico-background-color) 20%,rgba(19,22,30,0.95) 35%,rgba(19,22,30,0.85) 50%,rgba(19,22,30,0.6) 65%,rgba(19,22,30,0.3) 80%,transparent 100% )}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .category-nav .container::before{background:linear-gradient( to right,var(--pico-background-color) 0%,var(--pico-background-color) 20%,rgba(19,22,30,0.95) 35%,rgba(19,22,30,0.85) 50%,rgba(19,22,30,0.6) 65%,rgba(19,22,30,0.3) 80%,transparent 100% )}}.category-nav .container::after{right:0;background:linear-gradient( to left,var(--pico-background-color) 0%,var(--pico-background-color) 20%,rgba(255,255,255,0.95) 35%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.6) 65%,rgba(255,255,255,0.3) 80%,transparent 100% )}[data-theme="dark"] .category-nav .container::after{background:linear-gradient( to left,var(--pico-background-color) 0%,var(--pico-background-color) 20%,rgba(19,22,30,0.95) 35%,rgba(19,22,30,0.85) 50%,rgba(19,22,30,0.6) 65%,rgba(19,22,30,0.3) 80%,transparent 100% )}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .category-nav .container::after{background:linear-gradient( to left,var(--pico-background-color) 0%,var(--pico-background-color) 10%,rgba(19,22,30,0.9) 25%,rgba(19,22,30,0.7) 40%,rgba(19,22,30,0.4) 60%,rgba(19,22,30,0.1) 80%,transparent 100% )}}.category-nav .container.has-overflow::before,.category-nav .container.has-overflow::after{opacity:1}.category-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;cursor:pointer;border:none;background-color:transparent;padding:0;transition:background-color 0.3s ease,box-shadow 0.3s ease,transform 0.2s ease,opacity 0.2s ease;opacity:0;pointer-events:none;box-shadow:none}.category-nav-arrow.visible{opacity:0;pointer-events:auto}.category-nav-arrow:hover{opacity:1;background-color:var(--pico-secondary-background);box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.08);transform:translateY(-50%) scale(1.05)}.category-nav-arrow.left{left:0;margin-left:var(--pico-spacing)}.category-nav-arrow.right{right:0;margin-right:var(--pico-spacing)}.category-nav-arrow i[data-lucide],.category-nav-arrow svg{width:1.5em;height:1.5em;color:var(--pico-muted-color);transition:color 0.2s ease}.category-nav-arrow:hover i[data-lucide],.category-nav-arrow:hover svg{color:var(--pico-color)}.category-nav-list{display:flex;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:none;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;flex:1;height:var(--category-nav-height);position:relative;z-index:1;touch-action:pan-x}.category-nav-list::-webkit-scrollbar{display:none}.category-nav-list ul{display:flex;list-style:none;padding:0 4rem;margin:0;gap:0}.category-nav-list li{flex-shrink:0}.category-nav-list a{display:flex;align-items:center;gap:0.5rem;padding:0.60rem 1rem;color:var(--pico-muted-color);text-decoration:none;font-weight:500;font-size:0.8rem;line-height:inherit;white-space:nowrap;border-bottom:3px solid transparent;background:transparent;cursor:pointer;position:relative;margin:0;margin-bottom:-1px;transition:all 0.2s ease}.category-nav-list a:hover{color:var(--pico-primary);background-color:rgba(var(--brand-rgb) / 0.05)}.category-nav-list a.active{color:var(--pico-color);font-weight:600;border-bottom-color:var(--pico-primary)}.search-bar{visibility:hidden;opacity:0;position:fixed;left:0;right:0;background:var(--pico-background-color);padding:var(--pico-spacing);box-shadow:var(--pico-box-shadow);transform:translateY(-1.25rem);z-index:var(--z-header);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s ease}.search-bar.is-visible{visibility:visible;opacity:1;transform:translateY(0)}.search-bar form{display:flex;gap:var(--pico-spacing)}.search-bar input{flex:1}.search-results{margin-top:var(--pico-spacing);background:var(--pico-background-color);border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);max-height:60vh;overflow-y:auto}.search-result{display:flex;align-items:center;gap:0.50rem;padding:0.75rem;border-bottom:var(--pico-border-width) solid var(--pico-muted-border-color);text-decoration:none;color:var(--pico-color);transition:background-color 0.2s ease}.search-result:hover{background-color:rgba(var(--brand-rgb) / 0.05)}.search-result:last-child{border-bottom:none}.result-snippet{padding:0;border-bottom:0;font-size:0.75rem;color:var(--pico-muted-color)}.search-popular{display:block}.search-popular-header{display:flex;align-items:center;gap:0.5rem;padding-left:0.75rem;padding-top:0.50rem;padding-bottom:0.5rem;padding-right:0.5rem;font-size:0.75rem;font-weight:600;color:var(--pico-muted-color);text-transform:uppercase;letter-spacing:0.05em;border-bottom:var(--pico-border-width) solid var(--pico-muted-border-color);margin-bottom:0.25rem}.search-popular-header i[data-lucide]{width:1em;height:1em;color:var(--pico-primary)}.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:var(--pico-muted-color);text-align:center;gap:0.75rem}.search-empty i[data-lucide]{width:3em;height:3em;opacity:0.3}.footer-breadcrumb{background:var(--pico-background-color);border-top:var(--pico-border-width) solid var(--pico-muted-border-color);padding:calc(var(--pico-spacing) * 0.5) 0}.footer-breadcrumb nav{margin:0}.footer-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:calc(var(--pico-spacing) * 0.25)}.footer-breadcrumb li{display:flex;align-items:center;margin:0;padding:0}.footer-breadcrumb a{display:flex;align-items:center;gap:calc(var(--pico-spacing) * 0.25);font-size:0.75rem;color:var(--pico-muted-color);text-decoration:none;transition:color 0.2s ease;line-height:1.2}.footer-breadcrumb a:hover{color:var(--pico-primary);text-decoration:underline}.footer-breadcrumb a svg,.footer-breadcrumb a[data-lucide]{width:0.75em !important;height:0.75em !important;min-width:0.75em !important;min-height:0.75em !important;max-width:0.75em !important;max-height:0.75em !important;flex-shrink:0}.footer-breadcrumb .separator{display:flex;align-items:center;opacity:0.4;margin:0}.footer-breadcrumb .separator svg{width:0.625em !important;height:0.625em !important;min-width:0.625em !important;min-height:0.625em !important;max-width:0.625em !important;max-height:0.625em !important;color:var(--pico-muted-color)}.main-footer{background:var(--pico-background-color);color:var(--pico-color);padding:calc(var(--pico-block-spacing-vertical) * 2) 0 var(--pico-block-spacing-vertical);border-top:var(--pico-border-width) solid var(--pico-muted-border-color)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:calc(var(--pico-block-spacing-horizontal) * 2);margin-bottom:calc(var(--pico-block-spacing-vertical) * 2)}.footer-brand-col{display:flex;flex-direction:column;gap:var(--pico-spacing)}.footer-logo{display:flex;align-items:center;gap:0.3rem;text-decoration:none;color:var(--pico-muted-color);font-size:1.7rem;font-weight:600;margin-bottom:-0.50rem}.footer-logo i[data-lucide],.footer-logo svg{width:1.2em;height:1.2em;color:var(--pico-muted-color);flex-shrink:0}.footer-tagline{font-size:0.875rem;line-height:1.6;color:var(--pico-muted-color);margin-bottom:var(--pico-spacing)}.footer-trust-badges{display:flex;flex-wrap:wrap;gap:calc(var(--pico-spacing) * 0.75)}.trust-badge{display:flex;align-items:center;gap:calc(var(--pico-spacing) * 0.5);padding:calc(var(--pico-spacing) * 0.5) calc(var(--pico-spacing) * 0.75);border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);font-size:0.75rem;font-weight:500;color:var(--pico-color)}.trust-badge i[data-lucide],.trust-badge svg{width:1em;height:1em;color:var(--pico-muted-color);flex-shrink:0}.footer-col h3{font-size:1rem;font-weight:700;margin-bottom:calc(var(--pico-spacing) * 1.5);color:var(--pico-color)}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:calc(var(--pico-spacing) * 0.75);list-style:none}.footer-col a{display:flex;align-items:center;gap:calc(var(--pico-spacing) * 0.5);color:var(--pico-muted-color);text-decoration:none;font-size:0.875rem;line-height:1.4;transition:color 0.2s ease,transform 0.2s ease}.footer-col a:hover{color:var(--pico-color);transform:translateX(0.25rem)}.footer-col a i[data-lucide],.footer-col a svg{width:1em;height:1em;color:var(--pico-muted-color);flex-shrink:0}.footer-bottom{padding-top:var(--pico-block-spacing-vertical);border-top:var(--pico-border-width) solid var(--pico-muted-border-color)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--pico-spacing)}.copyright{font-size:0.875rem;color:var(--pico-muted-color)}.footer-legal-links{display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--pico-spacing) * 0.75);font-size:0.875rem}.footer-legal-links .separator{color:var(--pico-muted-color)}.footer-legal-links a{color:var(--pico-muted-color);text-decoration:none;transition:color 0.2s ease}.footer-legal-links a:hover{color:var(--pico-primary);text-decoration:underline}.back-to-top{position:fixed;bottom:var(--pico-block-spacing-vertical);right:var(--pico-block-spacing-horizontal);width:2rem;height:2rem;background:var(--pico-secondary-background);color:var(--pico-contrast-inverse);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0.25rem 0.50rem rgba(var(--pico-secondary-background) / 0.4);opacity:0;visibility:hidden;transform:translateY(1.25rem);transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease,background-color 0.2s ease;z-index:var(--z-base)}.back-to-top svg,.back-to-top svg[width],.back-to-top svg[height]{width:1.15em !important;height:1.15em !important;min-width:1.15em !important;min-height:1.15em !important;max-width:1.15em !important;max-height:1.15em !important}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--pico-primary-hover);transform:translateY(-0.188rem)}.tool-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--pico-spacing);padding:calc(var(--pico-block-spacing-vertical) * 1.5) var(--pico-block-spacing-horizontal);background-color:var(--pico-background-color);border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);text-decoration:none;color:var(--pico-color);text-align:center;min-height:7.5rem;transition:transform 0.2s ease,box-shadow 0.3s ease,border-color 0.2s ease,background-image 0.3s ease}.tool-tile:hover{transform:translateY(-0.25rem);box-shadow:0 0.5rem 1.5rem rgba(var(--brand-rgb) / 0.2);border-color:var(--pico-primary);background:linear-gradient(135deg,var(--pico-background-color) 0%,rgba(var(--brand-rgb) / 0.05) 100%)}.tool-tile i[data-lucide]{width:2em;height:2em;color:var(--pico-primary);transition:transform 0.2s ease}.tool-tile:hover i[data-lucide]{transform:scale(1.1)}.calculator-wrapper{max-width:50rem;margin:0 auto}.results-container{background:var(--pico-background-color);padding:calc(var(--pico-block-spacing-vertical) * 1.5);border-radius:var(--pico-border-radius);border:var(--pico-border-width) solid var(--pico-muted-border-color);margin-bottom:var(--pico-block-spacing-vertical)}.preset-buttons{margin:var(--pico-spacing) 0}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.25rem,1fr));gap:var(--pico-spacing)}.preset-btn{padding:var(--pico-form-element-spacing-vertical);background:var(--pico-secondary-background);border:calc(var(--pico-border-width) * 2) solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);color:var(--pico-color);font-size:0.875rem;font-weight:600;cursor:pointer}.preset-btn:hover,.preset-btn.active{border-color:var(--pico-primary);background:var(--pico-primary);color:var(--pico-contrast-inverse);transform:translateY(-0.125rem)}@media (min-width:1024px){.desktop-nav{display:flex}.desktop-search{display:flex}.hamburger-btn.mobile-only{display:none}.calculator-wrapper{display:grid;grid-template-columns:3fr 2fr;gap:var(--pico-block-spacing-horizontal);max-width:75rem}.results-container.sticky{position:sticky}}@media (min-width:1024px){.header-quick-nav{display:inline-flex;align-items:center;padding:0.125rem;border-radius:calc(var(--pico-border-radius) * 1.25);background:transparent}.header-dropdown{position:relative;margin-left:0}.header-quick-nav .dropdown-toggle{display:inline-flex;align-items:center;gap:0.75rem;padding:0.35rem;background:transparent;border:0;color:var(--pico-muted-color);cursor:pointer;font-size:0.75rem;line-height:1;transition:background-color 0.2s ease,color 0.2s ease}.header-quick-nav .dropdown-toggle:hover,.header-quick-nav .dropdown-toggle[aria-expanded="true"]{color:var(--pico-primary);background:rgba(var(--brand-rgb) / 0.05)}.header-quick-nav .dropdown-toggle i[data-lucide]{width:0.95em;height:0.95em}.header-quick-nav .dropdown-toggle .chevron{width:0.9em;height:0.9em;opacity:0.8}.header-dropdown .dropdown-menu{position:absolute;top:calc(100% + 0.25rem);right:0;background:var(--pico-background-color);border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);box-shadow:var(--pico-box-shadow);padding:0.25rem;display:none;z-index:calc(var(--z-header) + 10);min-width:14rem;max-width:22rem;width:max-content}.header-dropdown .dropdown-menu.show{display:block}.header-dropdown .dropdown-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0.125rem}.header-dropdown .dropdown-list li{margin:0}.header-dropdown .dropdown-list a{display:flex;align-items:center;gap:0.5rem;padding:0.35rem 0.5rem;border-radius:var(--pico-border-radius);color:var(--pico-color);text-decoration:none;font-size:0.92rem;transition:background-color 0.2s ease,color 0.2s ease}.header-dropdown .dropdown-list a:hover{background:rgba(var(--brand-rgb) / 0.05);color:var(--pico-primary)}.header-dropdown .dropdown-list a i[data-lucide]{width:1em;height:1em;color:currentColor}}.category-nav-arrow.visible{opacity:1;pointer-events:auto}@media (min-width:768px) and (max-width:1023px){.hamburger-btn{width:3.25rem;height:3.25rem}.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:var(--pico-block-spacing-horizontal)}.footer-brand-col{grid-column:1 / -1;text-align:center;align-items:center;margin-bottom:var(--pico-spacing)}.footer-trust-badges{justify-content:center}}@media (max-width:767px){.main-header > .container{padding:0 var(--pico-spacing);display:grid;grid-template-columns:3rem 1fr 3rem;gap:var(--pico-spacing)}.main-header .header-left{display:contents}.main-header .logo{grid-column:2;justify-self:center;font-size:1.125rem}.menu-panel a{font-size:1rem;padding:calc(var(--pico-nav-link-spacing-vertical) * 1.1) var(--pico-nav-link-spacing-horizontal)}.menu-panel a i[data-lucide],.menu-panel a svg{width:1.25em;height:1.25em}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--pico-block-spacing-horizontal)}.footer-brand-col{grid-column:1 / -1;text-align:center;align-items:center;margin-bottom:calc(var(--pico-spacing) * 1.5)}.footer-trust-badges{justify-content:center}.footer-bottom-content{flex-direction:column;text-align:center;gap:calc(var(--pico-spacing) * 0.5)}.footer-legal-links{justify-content:center}.back-to-top{bottom:var(--pico-spacing);right:var(--pico-spacing);width:2.25rem;height:2.25rem}.back-to-top svg,.back-to-top svg[width],.back-to-top svg[height]{width:1em !important;height:1em !important;min-width:1em !important;min-height:1em !important;max-width:1em !important;max-height:1em !important}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr;gap:calc(var(--pico-block-spacing-vertical) * 1.5)}.footer-brand-col{grid-column:1;margin-bottom:0}.footer-col{text-align:center}.footer-col ul{display:flex;flex-direction:column;align-items:center}.footer-col a{justify-content:center}.footer-col a:hover{transform:none}.footer-logo{font-size:1.25rem}.footer-tagline{font-size:0.8125rem}.trust-badge{font-size:0.6875rem;padding:calc(var(--pico-spacing) * 0.375) calc(var(--pico-spacing) * 0.625)}.footer-legal-links{flex-direction:column;gap:calc(var(--pico-spacing) * 0.5)}.footer-legal-links .separator{display:none}}i[data-lucide] svg,[data-lucide] svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;overflow:visible}.tab-content{display:none}.tab-content.active{display:block}.inline-group{display:flex;border-radius:var(--pico-border-radius);border:var(--pico-border-width) solid var(--pico-form-element-border-color);background-color:var(--pico-form-element-background-color);overflow:hidden;transition:border-color 0.2s ease,box-shadow 0.2s ease;margin-bottom:var(--pico-spacing)}.inline-label{padding:0.5rem 0.75rem;background-color:var(--pico-muted-background-color);border-right:var(--pico-border-width) solid var(--pico-form-element-border-color);white-space:nowrap;font-weight:500;font-size:0.875rem;color:var(--pico-muted-color);display:flex;align-items:center}@media (min-width:768px){.inline-label{padding:var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);font-size:1rem}}.inline-group > input,.inline-group > select,.inline-group > textarea{border:none;border-radius:0;box-shadow:none;margin-bottom:0;width:100%;background-color:transparent;padding:0.5rem 0.75rem;font-size:0.875rem}@media (min-width:768px){.inline-group > input,.inline-group > select,.inline-group > textarea{padding:var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);font-size:1rem}}.inline-group > input:focus,.inline-group > select:focus,.inline-group > textarea:focus{box-shadow:none}.inline-group:focus-within{border-color:var(--pico-primary);box-shadow:0 0 0 var(--pico-outline-width) var(--pico-primary-focus)}.inline-suffix{padding:0.5rem 0.75rem;white-space:nowrap;display:flex;align-items:center;color:var(--pico-muted-color);font-weight:300;font-size:0.75rem}@media (min-width:768px){.inline-suffix{padding:var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);font-size:0.75rem}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}article button,article [type="button"],article [type="submit"],article [type="reset"],dialog button:not([aria-label="Close"]),dialog [type="button"]{transition:transform 0.15s ease}article button:hover,article [type="button"]:hover,article [type="submit"]:hover,article [type="reset"]:hover,dialog button:not([aria-label="Close"]):hover,dialog [type="button"]:hover{transform:translateY(-1px)}article button:active,article [type="button"]:active,article [type="submit"]:active,article [type="reset"]:active,dialog button:not([aria-label="Close"]):active,dialog [type="button"]:active{transform:scale(0.98)}@media (min-width:1024px){article.sticky{position:sticky;top:2rem;align-self:start}}.faq-section{max-width:60rem;margin:2rem auto;padding:0 var(--pico-spacing)}.faq-item{margin-bottom:calc(var(--pico-spacing) * 1.5)}.faq-question{font-size:1rem;font-weight:600;color:var(--pico-color);margin-bottom:calc(var(--pico-spacing) * 0.5)}.faq-answer{font-size:0.875rem;color:var(--pico-muted-color);line-height:1.7;margin:0;padding-left:var(--pico-spacing);border-left:2px solid var(--pico-muted-border-color)}@media (min-width:768px){.faq-section{padding:0}}@media (min-width:1024px){.faq-section{padding:0 var(--pico-spacing)}}.content-section{max-width:60rem;margin:0 auto;padding:0 var(--pico-spacing)}@media (min-width:768px){.content-section{padding:0}}@media (min-width:1024px){.content-section{padding:0 var(--pico-spacing)}}.content-separator{margin:calc(var(--pico-block-spacing-vertical) * 2) 0;border:0;border-top:1px solid var(--pico-muted-border-color);opacity:0.3}.share-buttons-grid{display:flex;justify-content:center;align-items:center;gap:0.75rem;margin:1.5rem 0}.share-buttons-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;padding:0;text-decoration:none;font-size:0;border:2px solid var(--pico-muted-border-color);background-color:transparent;transition:transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease,border-color 0.2s ease}.share-buttons-grid a svg{width:24px;height:24px}.share-buttons-grid a:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}#shareFacebook:hover{background-color:#1877F2;border-color:#1877F2;color:white}#shareTwitter:hover{background-color:#000000;border-color:#000000;color:white}#shareWhatsApp:hover{background-color:#25D366;border-color:#25D366;color:white}#shareLinkedIn:hover{background-color:#0A66C2;border-color:#0A66C2;color:white}#shareEmail:hover{background-color:#EA4335;border-color:#EA4335;color:white}#bookmarkButton:hover{background-color:#F59E0B;border-color:#F59E0B;color:white}button.copied{--pico-background-color:#22c55e;--pico-border-color:#22c55e;--pico-color:white;display:inline-flex !important;align-items:center !important;gap:0.5rem !important;flex-direction:row !important}button.copied:is(:hover,:active,:focus){--pico-background-color:#16a34a;--pico-border-color:#16a34a;--pico-box-shadow:0 0 0 var(--pico-outline-width) rgba(34,197,94,0.25)}button.copied svg{display:inline-block !important;vertical-align:middle !important;margin:0 !important}input.link-copied{--pico-border-color:#22c55e}input.link-copied:is(:active,:focus){--pico-border-color:#22c55e;--pico-box-shadow:0 0 0 var(--pico-outline-width) rgba(34,197,94,0.25)}dialog > article > header [rel=prev]{width:1.5em !important;height:1.5em !important;background-size:auto 1.5em !important;opacity:0.7 !important;transition:opacity 0.2s ease,transform 0.2s ease !important}dialog > article > header [rel=prev]:hover{opacity:1 !important;transform:scale(1.1)}.result-item{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--pico-spacing) * 0.75);margin-bottom:calc(var(--pico-spacing) * 0.5);border-left:3px solid var(--pico-muted-border-color);background:var(--pico-card-sectioning-background-color);border-radius:var(--pico-border-radius);transition:all 0.2s ease}.result-item:last-child{margin-bottom:0}.result-item:hover{border-left-color:var(--pico-primary);transform:translateX(2px)}.result-label{font-weight:500;color:var(--pico-muted-color);font-size:0.875rem}.result-value{font-size:1.1rem;font-weight:700;color:var(--pico-color);text-align:right}.highlight-result{border-left-color:var(--pico-primary);background:var(--pico-primary-background)}.highlight-result .result-label{color:var(--pico-primary-inverse)}.highlight-result .result-value{font-size:1.35rem;color:var(--pico-primary-inverse)}.total-result{border-left-color:var(--pico-ins-color);margin-top:var(--pico-spacing)}.total-result .result-value{color:var(--pico-ins-color);font-size:1.35rem}.related-calculators-list{display:flex;flex-wrap:wrap;gap:0.5rem;list-style:none;padding:0;margin:1.5rem 0}.related-calculators-list li{margin:0;list-style:none;padding:0}.related-calculators-list li::before,.related-calculators-list li::marker{content:none;display:none}.related-calculator-tile{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);background-color:transparent;color:var(--pico-color);text-decoration:none;font-size:0.875rem;transition:all 0.2s ease;white-space:nowrap}.related-calculator-tile svg{width:1em;height:1em;flex-shrink:0}.related-calculator-tile:hover{background-color:var(--pico-primary);border-color:var(--pico-primary);color:var(--pico-primary-inverse);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.related-calculator-tile .count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 0.4rem;margin-left:0.25rem;background-color:rgba(var(--brand-rgb) / 0.1);color:var(--pico-primary);border-radius:0.75rem;font-size:0.75rem;font-weight:600;line-height:1;transition:all 0.2s ease}.related-calculator-tile:hover .count-badge{background-color:rgba(255,255,255,0.2);color:var(--pico-primary-inverse)}@media (max-width:767px){.related-calculator-tile{font-size:0.8rem;padding:0.4rem 0.8rem}.related-calculator-tile svg{width:0.875em;height:0.875em}.related-calculator-tile .count-badge{min-width:1.25rem;height:1.25rem;padding:0 0.3rem;font-size:0.65rem}}.input-with-steps{position:relative;display:flex;align-items:stretch;gap:0.5rem;width:100%;flex-wrap:nowrap;margin-bottom:1rem}.input-with-steps .inline-group{position:relative;flex:1 1 auto;display:grid;grid-template-columns:auto 1fr auto;gap:0.5rem;align-items:center;min-width:0;margin-bottom:0}.input-with-steps .inline-group > *{min-width:0}.input-with-steps .inline-group .inline-label{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0.5rem 0.75rem;background-color:var(--pico-muted-background-color);border-right:var(--pico-border-width) solid var(--pico-form-element-border-color);font-weight:500;font-size:0.875rem;color:var(--pico-muted-color);display:flex;align-items:center}@media (min-width:768px){.input-with-steps .inline-group .inline-label{padding:var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);font-size:1rem}}.input-with-steps .inline-group input[type="number"]{padding-right:0rem;width:100%;min-width:0;border:none;border-radius:0;box-shadow:none;margin-bottom:0;background-color:transparent;padding-left:0.5rem;font-size:0.875rem}@media (min-width:768px){.input-with-steps .inline-group input[type="number"]{padding-left:var(--pico-form-element-spacing-horizontal);padding-right:0rem;font-size:1rem}}.input-with-steps .inline-suffix{margin-left:0.05rem;margin-right:1.9rem;color:var(--pico-muted-color);white-space:nowrap;padding:0.50rem;display:flex;align-items:center;font-weight:300;font-size:0.75rem}@media (min-width:768px){.input-with-steps .inline-suffix{padding:var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);margin-right:1.9rem}}.step-btn{position:absolute;right:0.375rem;z-index:2;width:2rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--pico-muted-border-color);background:var(--pico-card-background-color,var(--pico-background-color));color:var(--pico-muted-color);border-radius:0.375rem;transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease;cursor:pointer;padding:0.25rem;margin:0;appearance:none}.step-btn i{width:16px;height:16px}.step-btn.increment{top:0.375rem;height:calc(50% - 0.5rem);border-bottom-left-radius:0;border-bottom-right-radius:0}.step-btn.decrement{bottom:0.375rem;height:calc(50% - 0.5rem);border-top-left-radius:0;border-top-right-radius:0}.step-btn:hover{background:var(--pico-muted-background);color:var(--pico-contrast)}.step-btn:active{transform:translateY(0.5px)}.step-btn[disabled]{opacity:0.5;cursor:not-allowed}@media (max-width:360px){.input-with-steps{gap:0.25rem}.input-with-steps .inline-group{gap:0.25rem}.input-with-steps .inline-group .inline-label{font-size:0.75em}.input-with-steps .inline-group input[type="number"]{padding-right:0rem}.input-with-steps .inline-suffix{margin-left:0.25rem;margin-right:2.1rem;font-size:0.75em}.step-btn{width:1.6rem;right:0.25rem}.step-btn i{width:14px;height:14px}}@media (hover:none) and (pointer:coarse){.input-with-steps{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:0.5rem;row-gap:0.5rem;align-items:stretch}.input-with-steps .inline-group{grid-column:1 / 2;grid-row:1 / 3;margin-bottom:0}.input-with-steps .inline-group input[type="number"]{padding-right:var(--pico-form-element-spacing-horizontal)}.input-with-steps .inline-suffix{margin-right:0}.input-with-steps .step-btn{position:static;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;right:auto}.input-with-steps .step-btn i{width:20px;height:20px}.input-with-steps .step-btn.increment{grid-column:2 / 3;grid-row:1 / 2;border-radius:var(--pico-border-radius)}.input-with-steps .step-btn.decrement{grid-column:2 / 3;grid-row:2 / 3;border-radius:var(--pico-border-radius)}}fieldset button[data-salary],fieldset button[data-amount]{padding:0.4rem 0.5rem;font-size:0.75rem;white-space:nowrap}fieldset .grid{grid-template-columns:repeat(4,1fr);gap:0.5rem}@media (max-width:576px){fieldset button[data-salary],fieldset button[data-amount]{padding:0.35rem 0.25rem;font-size:0.7rem}fieldset .grid{gap:0.35rem}}#resetButton,#shareButton{padding:0.4rem 1rem;font-size:0.75rem}@media (min-width:768px){#resetButton,#shareButton{padding:0.4rem 2rem;font-size:0.8rem}}article.sticky footer{display:flex;gap:0.5rem;flex-wrap:nowrap}article.sticky footer button{flex:1;min-width:0;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:0.25rem}article.sticky footer button svg{width:14px;height:14px}@media (min-width:768px){article.sticky footer button svg{width:16px;height:16px}}#resetButton{background-color:var(--pico-secondary-background);border-color:var(--pico-secondary-border);color:var(--pico-primary-inverse)}#resetButton:hover{background-color:var(--pico-secondary-hover-background);border-color:var(--pico-secondary-hover-border)}#resetButton:hover [data-lucide="refresh-cw"]{animation:rotateIcon 0.6s ease-in-out}@keyframes rotateIcon{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#shareButton:hover [data-lucide="share-2"]{animation:bounceIcon 0.5s ease-in-out}@keyframes bounceIcon{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.amortization-table{margin-top:2rem;overflow-x:auto}.amortization-table table{width:100%;border-collapse:collapse}.amortization-table th{background:var(--pico-primary);color:white;padding:0.75rem;text-align:left;font-weight:600}.amortization-table td{padding:0.75rem;border-bottom:1px solid var(--pico-border-color)}.amortization-table tr:hover{background:var(--pico-background-color)}.homepage-hero{padding:3rem 0 2rem;background:linear-gradient(135deg,var(--pico-background-color) 0%,rgba(var(--brand-rgb),0.03) 100%)}.popular-calc-tile{display:block;padding:1rem;background:var(--pico-background-color);border:2px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);text-decoration:none;color:var(--pico-color);transition:all 0.3s ease;position:relative;overflow:hidden}.popular-calc-tile::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--pico-primary);transform:scaleY(0);transition:transform 0.3s ease}.popular-calc-tile:hover{border-color:var(--pico-primary);transform:translateY(-3px);box-shadow:0 8px 20px rgba(var(--brand-rgb),0.15)}.popular-calc-tile:hover::before{transform:scaleY(1)}.tool-tile{position:relative}.tool-tile::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--pico-primary);transform:scaleX(0);transition:transform 0.3s ease}.tool-tile:hover::after{transform:scaleX(1)}@media (max-width:768px){.homepage-hero{padding:2rem 0 1.5rem}.homepage-hero h1{font-size:1.75rem !important}.homepage-hero p{font-size:1rem !important}}@media (prefers-reduced-motion:no-preference){.homepage-hero,section{animation:fadeInUp var(--pico-transition) ease-out;animation-fill-mode:both}.homepage-hero{animation-delay:0s}section:nth-of-type(1){animation-delay:0.1s}section:nth-of-type(2){animation-delay:0.2s}.related-calculator-tile{transition:transform var(--pico-transition),box-shadow var(--pico-transition)}.related-calculator-tile:hover{transform:translateY(-2px)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}