@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary:#fff;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#2463eb0a;--bg-input:#f4f8ff;--bg-input-focus:#fff;--header-bg:#fff;--text-primary:#1d212b;--text-secondary:#475569;--text-muted:#64748b;--accent-primary:#2463eb;--accent-secondary:#1d4ed8;--accent-gradient:#2463eb;--accent-gradient-hover:#1d4ed8;--accent-glow:transparent;--success:#10b981;--success-bg:#10b98114;--warning:#f59e0b;--warning-bg:#f59e0b14;--error:#ef4444;--error-bg:#ef444414;--border:#d8e2ef;--border-hover:#94a3b8;--border-focus:#2463eb;--cat-financial:#2463eb;--cat-health:#10b981;--cat-math:#f59e0b;--cat-arithmetic:#3b82f6;--cat-algebra:#8b5cf6;--cat-geometry:#14b8a6;--cat-trig:#f97316;--cat-statistics:#6b7280;--cat-time:#78350f;--cat-education:#ec4899;--cat-engineering:#6366f1;--cat-it:#22c55e;--cat-fun:#eab308;--cat-conversion:#14b8a6;--space-xs:2px;--space-sm:4px;--space-md:6px;--space-lg:10px;--space-xl:12px;--space-2xl:16px;--space-3xl:20px;--input-height:40px;--btn-height:44px;--input-font-size:var(--font-sm);--input-padding:0 var(--space-md);--input-radius:var(--radius-sm);--btn-font-size:var(--font-base);--btn-padding:0 var(--space-md);--btn-radius:var(--radius-sm);--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-xs:.75rem;--font-sm:.875rem;--font-base:.9375rem;--font-lg:1.0625rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--font-5xl:3rem;--radius-sm:8px;--radius-md:14px;--radius-lg:14px;--radius-xl:14px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d;--shadow-glow:none;--transition-fast:.1s ease;--transition-base:.15s ease;--transition-slow:.25s ease;--header-height:60px;--sidebar-width:300px;--max-width:1200px}body.light-theme{--bg-primary:#fff;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#2463eb0a;--bg-input:#f4f8ff;--bg-input-focus:#fff;--header-bg:#fff;--text-primary:#1d212b;--text-secondary:#475569;--text-muted:#64748b;--accent-primary:#2463eb;--accent-secondary:#1d4ed8;--accent-gradient:#2463eb;--accent-gradient-hover:#1d4ed8;--accent-glow:transparent;--success:#10b981;--success-bg:#10b98114;--border:#d8e2ef;--border-hover:#94a3b8;--border-focus:#2463eb}body.dark-theme{--bg-primary:#0b0f19;--bg-secondary:#0f172a;--bg-card:#0f172a;--bg-card-hover:#1e293b;--bg-input:#1e293b;--bg-input-focus:#0f172a;--header-bg:#0f172a;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-primary:#3b82f6;--accent-secondary:#60a5fa;--accent-gradient:#3b82f6;--accent-gradient-hover:#60a5fa;--accent-glow:transparent;--success:#34d399;--success-bg:#34d39914;--warning:#fbbf24;--warning-bg:#fbbf2414;--error:#f87171;--error-bg:#f8717114;--border:#1e293b;--border-hover:#334155;--border-focus:#3b82f6}@media (prefers-color-scheme:dark){:root,body:not(.light-theme){--bg-primary:#0b0f19;--bg-secondary:#0f172a;--bg-card:#0f172a;--bg-card-hover:#1e293b;--bg-input:#1e293b;--bg-input-focus:#0f172a;--header-bg:#0b0f19d9;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-primary:#3b82f6;--accent-secondary:#60a5fa;--accent-gradient:#3b82f6;--accent-gradient-hover:#60a5fa;--accent-glow:#3b82f640;--success:#10b981;--success-bg:#10b98114;--warning:#f59e0b;--warning-bg:#f59e0b14;--error:#ef4444;--error-bg:#ef444414;--border:#3b82f626;--border-hover:#3b82f64d;--border-focus:#3b82f6}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;touch-action:manipulation;color:inherit;background:0 0;border:none;font-family:inherit}button:active:not(:disabled){opacity:.7;transition:transform 60ms,opacity 60ms;transform:scale(.93)}button,[role=button],a,select{min-width:44px;min-height:44px}a:not(.btn):not(.calc-btn):not([class*=btn]){min-height:unset;min-width:unset}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}input,select,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}ul,ol{list-style:none}.animated-bg{display:none}.glass-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.fin-calc-card{background:#fff;border:none;border-radius:12px;margin-bottom:0;overflow:hidden;box-shadow:0 2px 8px #0000000f}body.dark-theme .fin-calc-card{background:var(--bg-card)}.fin-calc-grid{grid-template-columns:1fr 1fr;min-height:480px;display:grid}body.dark-theme .fin-inputs-panel{background:var(--bg-card)}body.dark-theme .fin-results-panel{background:var(--bg-card)}.fin-section-label{color:var(--text-muted);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700;display:block}.fin-metric-cards{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:12px;display:grid}.fin-metric-value{color:var(--text-primary);font-size:15px;font-weight:700}.fin-legend{flex-direction:column;gap:6px;width:100%;margin-top:10px;display:flex}@media (width<=768px){.fin-calc-grid{grid-template-columns:1fr}.fin-inputs-panel{border-bottom:none;border-right:none;padding:12px}.fin-results-panel{padding:12px}}.header{z-index:100;min-height:var(--header-height);background:var(--header-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);height:auto;padding:0 var(--space-xl);padding-left:max(var(--space-xl), env(safe-area-inset-left));padding-right:max(var(--space-xl), env(safe-area-inset-right));padding-top:env(safe-area-inset-top);align-items:center;display:flex;position:sticky;top:0}.header-inner{width:100%;max-width:var(--max-width);align-items:center;gap:var(--space-lg);margin:0 auto;display:flex}.logo{align-items:center;gap:var(--space-sm);font-size:var(--font-xl);letter-spacing:-.5px;white-space:nowrap;flex-shrink:0;font-weight:800;text-decoration:none;display:flex}.logo-icon-container{flex-shrink:0;justify-content:center;align-items:center;display:flex}.logo-text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.search-container{flex:0 clamp(140px,25vw,220px);position:relative}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;font-size:13px;position:absolute;left:12px}.search-input{background:var(--bg-input);border-radius:var(--radius-full);width:100%;height:36px;color:var(--text-primary);transition:all var(--transition-base);touch-action:manipulation;border:1.5px solid #1e60aa40;padding:0 12px 0 32px;font-size:13px}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{background:var(--bg-input-focus);border-color:#1e60aa;box-shadow:0 0 0 3px #1e60aa40}.search-results{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;background:#111128fa;max-height:clamp(200px,50vh,400px);position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.search-result-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);transition:background var(--transition-fast);cursor:pointer;display:flex}.search-result-item:hover{background:#6c5ce71a}.search-result-item .result-name{font-size:var(--font-sm);font-weight:500}.search-result-item .result-category{font-size:var(--font-xs);color:var(--text-muted)}.nav-links{align-items:center;gap:var(--space-xs);flex:1;justify-content:center;display:flex}.nav-item-dropdown-container{display:inline-block;position:relative}.nav-link{padding:var(--space-sm) var(--space-md);font-size:var(--font-sm);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:4px;font-weight:500;display:flex}.dropdown-arrow{opacity:.6;transition:transform var(--transition-base);font-size:10px}.nav-item-dropdown-container:hover .dropdown-arrow{transform:rotate(180deg)}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#6c5ce71a}.nav-dropdown-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:1000;-webkit-backdrop-filter:blur(16px);position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px)}.nav-item-dropdown-container:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(4px)}.nav-dropdown-menu.mega-dropdown{border-radius:var(--radius-md);border:1px solid var(--border);min-width:460px;padding:0;display:flex;overflow:hidden}.nav-dropdown-highlight{background:var(--bg-input);padding:var(--space-lg);border-right:1px solid var(--border);flex-direction:column;flex:0 0 170px;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}body.dark-theme .nav-dropdown-highlight{background:#1e293b66}.cat-icon-badge{width:40px;height:40px;font-size:var(--font-xl);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.cat-details .cat-title{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:14px;font-weight:700}.cat-details .cat-desc{color:var(--text-muted);font-size:11px;line-height:1.4}.cat-explore-btn{width:100%;padding:8px var(--space-md);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex;color:#fff!important}.cat-explore-btn:hover{opacity:.9;transform:translateY(-1px)}.cat-explore-btn .btn-arrow{transition:transform var(--transition-fast)}.cat-explore-btn:hover .btn-arrow{transform:translate(3px)}.nav-dropdown-links-pane{padding:var(--space-lg);background:var(--bg-card);flex-direction:column;flex:1;gap:8px;display:flex}body.dark-theme .nav-dropdown-links-pane{background:#0f172af2}.links-header{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:2px;font-size:10px;font-weight:700}.links-grid{flex-direction:column;gap:2px;display:flex}.nav-dropdown-link-item{padding:6px var(--space-md);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.nav-dropdown-link-item .link-dot{color:var(--text-muted);transition:all var(--transition-fast);font-size:14px}.nav-dropdown-link-item:hover{color:var(--text-primary);background:#6c5ce70a}.nav-dropdown-link-item:hover .link-dot{color:var(--hover-color);transform:scale(1.4)}.main-layout{max-width:var(--max-width);padding:var(--space-xl);min-height:calc(100vh - var(--header-height));margin:0 auto}.hero{padding:var(--space-3xl) var(--space-lg);position:relative}.hero-container{gap:var(--space-3xl);text-align:left;grid-template-columns:1.2fr .8fr;align-items:center;max-width:1200px;margin:0 auto;display:grid}.hero-text{flex-direction:column;align-items:flex-start;display:flex}.hero-badge{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--accent-secondary);margin-bottom:var(--space-lg);letter-spacing:.5px;text-transform:uppercase;background:#6c5ce726;border:1px solid #6c5ce74d;font-weight:600;display:inline-flex}.hero-text h1{font-size:var(--font-5xl);letter-spacing:-2px;margin-bottom:var(--space-lg);font-weight:900;line-height:1.1}.hero-text h1 .gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-text p{font-size:var(--font-lg);color:var(--text-secondary);max-width:600px;margin-bottom:var(--space-xl);line-height:1.7}.hero-calc-wrapper{justify-content:center;width:100%;display:flex}@media (width<=1024px){.hero-container{text-align:center;gap:var(--space-xl);grid-template-columns:1fr}.hero-text{align-items:center}.hero-text p{margin-left:auto;margin-right:auto}}@media (width<=768px){.hero-text h1{letter-spacing:-1px;font-size:clamp(1.8rem,8vw,3rem)}.hero{padding:var(--space-xl) var(--space-md)}}.hero-search{max-width:550px;margin:0 auto}.hero-search .search-input{height:52px;font-size:var(--font-base);background:#ffffff0f;border:1px solid #ffffff1f;padding-left:48px}.hero-search .search-icon{font-size:var(--font-base);left:18px}.stats-bar{justify-content:center;gap:var(--space-2xl);padding:var(--space-xl) 0;margin-bottom:var(--space-xl);display:flex}.stat-item{text-align:center}.stat-value{font-size:var(--font-2xl);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.stat-label{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:var(--space-xs)}.section-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--font-2xl);letter-spacing:-.5px;font-weight:700}.section-subtitle{color:var(--text-secondary);font-size:var(--font-sm)}.homepage-directory{gap:var(--space-lg);margin-bottom:var(--space-3xl);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.directory-group{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.directory-group-header{font-size:var(--font-base);border-bottom:2px solid var(--border);padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);font-weight:700}.directory-group-header a{color:var(--text-primary);text-decoration:none}.directory-group-header a:hover{color:var(--accent-primary);text-decoration:underline}.directory-links-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.directory-links-list li{padding-left:14px;position:relative}.directory-links-list li:before{content:"•";color:var(--text-muted);position:absolute;left:0}.directory-links-list li a{color:var(--accent-primary);font-size:var(--font-sm);text-decoration:none}.directory-links-list li a:hover{text-decoration:underline}.directory-links-list li.more-link:before{content:"»"}.directory-links-list li.more-link a{color:var(--text-secondary);font-weight:600}.creative-dir-card{background:var(--bg-card);border:1px solid var(--border);transition:all var(--transition-base);flex-direction:column;justify-content:space-between;min-height:340px;display:flex;box-shadow:0 4px 12px #00000008;border-radius:var(--radius-md)!important;padding:var(--space-lg)!important}body.dark-theme .creative-dir-card{background:#1e293b66;border-color:#ffffff0d}.creative-dir-card:hover{border-color:var(--cat-theme-color);box-shadow:0 12px 24px #0000000f, 0 0 0 1px var(--cat-theme-color);transform:translateY(-4px)}.creative-dir-header{justify-content:space-between;align-items:center;width:100%;display:flex;border-bottom:1px solid var(--border)!important;padding-bottom:var(--space-md)!important;margin-bottom:var(--space-md)!important}.creative-dir-title-row{align-items:center;gap:var(--space-md);display:flex}.creative-dir-icon{width:32px;height:32px;font-size:var(--font-lg);transition:transform var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;font-weight:700;display:flex}.creative-dir-card:hover .creative-dir-icon{transform:scale(1.15)rotate(5deg)}.creative-dir-name{font-size:15px;font-weight:700;color:var(--text-primary)!important}.creative-dir-name:hover{color:var(--cat-theme-color)!important;text-decoration:none!important}.creative-dir-badge{border-radius:var(--radius-full);background:0 0;border:1px solid;padding:3px 8px;font-size:10.5px;font-weight:600}.creative-dir-links{flex-direction:column;flex:1;display:flex;gap:4px!important}.creative-dir-link-li{list-style:none;padding-left:0!important}.creative-dir-links .creative-dir-link-li:before{content:none!important}.creative-dir-link-item{padding:6px var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:space-between;align-items:center;font-size:13.5px;font-weight:500;display:flex;color:var(--text-secondary)!important}.creative-dir-link-item .link-dot{color:var(--text-muted);transition:color var(--transition-fast);margin-right:6px;font-size:12px}.creative-dir-link-item .link-name{flex:1}.creative-dir-link-item .link-arrow{opacity:0;transition:all var(--transition-fast);color:var(--cat-theme-color);font-size:10px;transform:translate(-4px)}.creative-dir-link-item:hover{background:var(--bg-input);color:var(--text-primary)!important}.creative-dir-link-item:hover .link-dot{color:var(--cat-theme-color)}.creative-dir-link-item:hover .link-arrow{opacity:1;transform:translate(0)}.creative-dir-footer{margin-top:var(--space-lg)}.creative-dir-more-btn{border-radius:var(--radius-sm);width:100%;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12.5px;font-weight:600;display:flex;box-shadow:0 2px 6px #0000000d;color:#fff!important}.creative-dir-more-btn:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.creative-dir-more-btn .more-arrow{transition:transform var(--transition-fast)}.creative-dir-more-btn:hover .more-arrow{transform:translate(4px)}.category-links-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-2xl)}.category-links-list-multi{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.category-links-list-multi li{padding-left:0;position:relative}.category-links-list-multi li:before{content:none}.category-links-list-multi li a{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-sm);transition:all var(--transition-base);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:8px 12px;font-weight:500;display:flex}.category-links-list-multi li a:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 10px #2463eb14}.category-links-list-multi li a:after{content:"→";color:var(--text-muted);transition:transform var(--transition-base), color var(--transition-base);font-size:13px}.category-links-list-multi li a:hover:after{color:var(--accent-primary);transform:translate(3px)}.calc-page{max-width:900px;margin:0 auto}.calc-page-header{margin-bottom:var(--space-xl)}.calc-breadcrumb{align-items:center;gap:var(--space-sm);font-size:var(--font-sm);color:var(--text-muted);margin-bottom:var(--space-md);display:flex}.calc-breadcrumb a{color:var(--text-muted);transition:color var(--transition-fast)}.calc-breadcrumb a:hover{color:var(--accent-secondary)}.calc-breadcrumb .separator{font-size:var(--font-xs)}.calc-page-title{letter-spacing:-1px;margin-bottom:var(--space-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden;font-size:clamp(18px,5vw,32px)!important}.calc-page-desc{color:var(--text-secondary);font-size:var(--font-base);line-height:1.7}.calc-header-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.calc-header-text{flex:1}.calc-share-btn{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.calc-share-btn:hover{background:var(--bg-input-focus);color:var(--text-primary);border-color:var(--border-hover)}.calc-widget-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:none;margin-bottom:12px;overflow:hidden}.calc-toolbar{background:var(--bg-card-hover);border-bottom:1px solid var(--border);justify-content:flex-end;gap:12px;padding:10px 16px;display:flex}.calc-action-btn{color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);min-height:unset;min-width:unset;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.calc-action-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-card-hover)}.calc-body,.calc-grid{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:0;display:grid}.calc-body>:only-child,.calc-grid>:only-child{grid-column:span 2}.calc-inputs-column{background:var(--bg-secondary);flex-direction:column;gap:12px;display:flex;padding:16px!important}.calc-results-column{border-left:1px solid var(--border);flex-direction:column;gap:12px;display:flex;background:var(--bg-card-hover)!important;padding:16px!important}@media (width<=768px){.calc-body,.calc-grid{grid-template-columns:1fr!important}.calc-body>:only-child,.calc-grid>:only-child{grid-column:span 1}.calc-inputs-column{padding:12px!important}.calc-results-column{border-left:none;border-top:1px solid var(--border);padding:12px!important}}@media (width>=769px) and (width<=900px){.calc-body,.calc-grid{grid-template-columns:1fr!important}}.fin-calc-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:none;margin-bottom:12px;overflow:hidden}.fin-calc-grid{grid-template-columns:1.1fr .9fr;align-items:stretch;display:grid}.fin-inputs-panel{background:var(--bg-card);border-right:none;flex-direction:column;gap:4px;padding:14px 18px;display:flex}.fin-results-panel{background:var(--bg-card);flex-direction:column;align-items:center;gap:10px;padding:14px 18px;display:flex}.fin-section-label{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.fin-legend{flex-direction:column;gap:6px;width:100%;display:flex}.fin-legend-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.fin-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:6px;display:inline-block}.fin-metric-cards{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.fin-metric-card{background:0 0;border:none;border-radius:0;padding:4px 0}.fin-metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:3px;font-size:10px;font-weight:700}.fin-metric-value{color:var(--text-primary);word-break:break-all;font-size:14px;font-weight:700}@media (width<=768px){.fin-calc-grid{grid-template-columns:1fr}.fin-inputs-panel{border-bottom:none;border-right:none;padding:12px}.fin-results-panel{padding:12px}}@media (width>=769px) and (width<=900px){.fin-calc-grid{grid-template-columns:1fr}.fin-inputs-panel,.fin-results-panel{padding:14px}}input[type=range]{appearance:none;background:var(--border);border-radius:3px;outline:none;width:100%;height:6px;margin:12px 0}input[type=range]::-webkit-slider-runnable-track{background:0 0;border:none}input[type=range]::-moz-range-track{background:0 0;border:none}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;border:2.5px solid var(--bg-secondary);border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 1px 3px #00000026}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{background:var(--accent-primary);cursor:pointer;border:2.5px solid var(--bg-secondary);border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 1px 3px #00000026}input[type=range]::-moz-range-thumb:hover{transform:scale(1.15)}.input-with-unit{border:1px solid var(--border);background:var(--bg-input);border-radius:8px;padding:2px 4px;transition:border-color .15s,box-shadow .15s,background-color .15s}.input-with-unit:focus-within{border-color:var(--border-focus);background:var(--bg-input-focus);box-shadow:0 0 0 3px #2463eb26}.input-with-unit .input-field{text-align:right;width:100%;height:36px;font-weight:600;box-shadow:none!important;background:0 0!important;border:none!important}.calc-section{padding:var(--space-lg);min-width:0;overflow:hidden}.calc-section-title{font-size:var(--font-lg);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border);font-weight:600}.input-group{margin-bottom:var(--space-md);min-width:0;overflow:hidden}.input-label{font-size:var(--font-sm);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:600;display:block}.input-field{width:100%;max-width:400px;height:var(--input-height);padding:var(--input-padding);border-radius:var(--input-radius);color:var(--text-primary);font-size:var(--input-font-size);transition:all var(--transition-base);touch-action:manipulation;background:#fff!important;border:1px solid #2463eb66!important;box-shadow:0 0 0 2px #2463eb0a!important}.input-field:focus{border-color:var(--accent-primary)!important;background:#fff!important;box-shadow:0 0 0 4px #2463eb26!important}.input-field::placeholder{color:var(--text-muted)}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.input-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.input-field.input-error,.input-field[aria-invalid=true]{box-shadow:0 0 0 2px #d32f2f26;border-color:var(--error)!important}.field-error{color:var(--error);align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.result-copyable{cursor:pointer;transition:opacity .15s;position:relative}.result-copyable:hover{opacity:.85}.result-copyable:after{content:"📋";opacity:0;font-size:14px;transition:opacity .2s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.result-copyable:hover:after{opacity:.6}.input-with-unit{position:relative}.input-with-unit .input-field{padding-right:48px}.input-unit{right:var(--space-md);color:var(--text-muted);font-size:var(--font-sm);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}select.input-field{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239d9db8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.toggle-group{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);gap:4px;min-width:0;padding:4px;display:flex;overflow:hidden}.toggle-option{text-align:center;min-height:36px;font-size:var(--font-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;touch-action:manipulation;background:0 0;border:none;border-radius:8px;flex:1;min-width:0;padding:6px 10px;font-weight:500;overflow:hidden}.toggle-option.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 4px #00000014}.toggle-option:hover:not(.active){color:var(--text-primary);background:#ffffff0d}.calc-btn{width:100%;height:var(--btn-height);padding:var(--btn-padding);background:var(--accent-gradient);border-radius:var(--btn-radius);color:#fff;font-size:var(--btn-font-size);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:600;position:relative;overflow:hidden}.calc-btn:hover{background:var(--accent-gradient-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.calc-btn:active{transform:translateY(0)}.calc-btn-secondary{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary)}.calc-btn-secondary:hover{background:var(--bg-input-focus);box-shadow:none;color:var(--text-primary)}.result-card{padding:var(--space-lg);background:var(--success-bg);border-radius:var(--radius-sm);border:1px solid #2e7d3233;min-width:0}.result-main{text-align:center;margin-bottom:var(--space-lg)}.result-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:1px}.result-value{background:var(--accent-gradient);-webkit-text-fill-color:transparent;word-break:break-all;overflow-wrap:break-word;-webkit-background-clip:text;background-clip:text;font-size:clamp(24px,4vw,36px);font-weight:800;line-height:1.2;animation:.3s ease-out resultPop}@keyframes resultPop{0%{opacity:0;transform:scale(.95)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.result-details{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.result-detail-item{padding:var(--space-md);border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #ffffff0d}.result-detail-label{font-size:var(--font-xs);color:var(--text-muted);margin-bottom:var(--space-xs)}.result-detail-value{font-size:var(--font-lg);color:var(--text-primary);font-weight:600}.amort-table-container{margin-top:var(--space-lg);overflow-x:auto}.amort-table{border-collapse:collapse;width:100%;font-size:var(--font-sm)}.amort-table th{padding:var(--space-md);text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;font-weight:600}.amort-table td{padding:var(--space-md);color:var(--text-primary);white-space:nowrap;border-bottom:1px solid #ffffff08}.amort-table tr:hover td{background:#ffffff05}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);max-width:100%;overflow-x:auto}.schedule-table{border-collapse:collapse;width:100%;font-size:var(--font-sm);background:var(--bg-secondary)}.schedule-table th{text-align:left;color:var(--text-secondary);background:var(--bg-input);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-weight:600}.schedule-table td{border-bottom:1px solid var(--border);color:var(--text-primary);white-space:nowrap;padding:12px 16px}.schedule-table th:not(:first-child),.schedule-table td:not(:first-child){text-align:right}.schedule-table tr:last-child td{border-bottom:none}.schedule-table tr:hover td{background:var(--bg-card-hover)}.related-section{display:none!important}.related-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.related-card{padding:var(--space-md);font-size:var(--font-sm);text-align:center;transition:all var(--transition-base);font-weight:500}.related-card:hover{border-color:var(--accent-primary);color:var(--accent-secondary)}.category-page-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border)}.category-page-title{font-size:var(--font-3xl);letter-spacing:-1px;align-items:center;gap:var(--space-md);font-weight:800;display:flex}.category-page-icon{border-radius:var(--radius-md);width:48px;height:48px;font-size:var(--font-xl);justify-content:center;align-items:center;display:flex}.category-page-desc{color:var(--text-secondary);margin-top:var(--space-sm);font-size:var(--font-base)}.footer{border-top:1px solid var(--border);padding:var(--space-2xl) var(--space-xl);margin-top:var(--space-3xl)}.creative-footer{color:#e2e8f0;padding:var(--space-3xl) var(--space-xl) var(--space-xl) var(--space-xl);background:linear-gradient(135deg,#0f0c24 0%,#070512 100%);border-top:1px solid #6c5ce733}body.dark-theme .creative-footer{background:linear-gradient(135deg,#070512 0%,#03020a 100%);border-top:1px solid #6c5ce726}.creative-footer .footer-col-title{color:#fff}.creative-footer .footer-tagline,.creative-footer .footer-col-links a,.creative-footer .footer-col-links span,.creative-footer .footer-text,.creative-footer .footer-heart-text{color:#a0aec0}.creative-footer .footer-col-links a:hover,.creative-footer .footer-col-links span:hover{color:#a29bfe;transform:translate(2px)}.creative-footer .footer-divider{background:#ffffff1a}.footer-top{max-width:var(--max-width);gap:var(--space-2xl);padding-bottom:var(--space-2xl);grid-template-columns:1.2fr 1fr 1fr 1fr;margin:0 auto;display:grid}.branding-col{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.footer-logo{gap:6px}.footer-logo .logo-icon{background:var(--accent-gradient);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.footer-tagline{color:var(--text-muted);font-size:13px;line-height:1.6}.footer-trust-badge{color:var(--success);background:var(--success-bg);border-radius:var(--radius-full);padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.footer-col-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-primary);margin-bottom:var(--space-lg);font-size:12px;font-weight:700}.footer-col-links{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer-col-links a,.footer-col-links span{color:var(--text-muted);transition:all var(--transition-fast);font-size:13.5px;display:inline-block}.footer-col-links a:hover,.footer-col-links span:hover{color:var(--accent-primary);transform:translate(2px)}.footer-link-highlight{align-items:center;gap:8px;display:flex}.footer-link-highlight .link-icon{font-size:14px}.footer-text-static{cursor:default}.footer-divider{background:var(--border);height:1px;max-width:var(--max-width);margin:0 auto}.footer-bottom{max-width:var(--max-width);padding-top:var(--space-xl);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-heart-text{font-size:var(--font-sm);color:var(--text-muted)}@media (width<=768px){.footer-top{gap:var(--space-xl);grid-template-columns:1fr 1fr}.branding-col{grid-column:span 2}.footer-bottom{gap:var(--space-md);text-align:center;flex-direction:column}}@media (width<=480px){.footer-top{grid-template-columns:1fr}.branding-col{grid-column:span 1}}.back-to-top{bottom:var(--space-xl);right:var(--space-xl);background:var(--accent-gradient);border-radius:var(--radius-full);color:#fff;width:44px;height:44px;font-size:var(--font-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);opacity:0;pointer-events:none;z-index:50;justify-content:center;align-items:center;display:flex;position:fixed}.back-to-top.visible{opacity:1;pointer-events:auto}.back-to-top:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.mobile-menu-btn{width:40px;height:40px;font-size:var(--font-xl);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;display:none}.mobile-menu-btn:hover{color:var(--text-primary);background:#ffffff0d}@media (width<=1024px){:root{--font-5xl:3rem;--font-4xl:2.25rem;--font-3xl:1.875rem;--font-2xl:1.5rem;--font-xl:1.25rem;--font-lg:1.125rem;--input-height:36px;--btn-height:40px;--keypad-btn-padding-large:10px 4px;--keypad-btn-font-size-large:15px}.nav-links{display:none}.mobile-menu-btn{display:flex}.hero-text h1{font-size:var(--font-4xl)}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.country-selector-wrapper select{max-width:110px}}@media (width<=768px){:root{--space-xl:12px;--space-2xl:16px;--space-3xl:20px;--font-5xl:2.5rem;--font-4xl:2rem;--font-3xl:1.625rem;--font-2xl:1.375rem;--font-xl:1.1875rem;--font-lg:1.0625rem;--font-base:.9375rem;--font-sm:.875rem;--font-xs:.75rem;--input-height:36px;--btn-height:40px;--input-font-size:var(--font-sm);--btn-font-size:var(--font-sm);--input-padding:0 var(--space-sm);--input-radius:8px;--btn-radius:8px;--keypad-btn-padding-large:10px 4px;--keypad-btn-padding-small:8px 3px;--keypad-btn-font-size-large:15px;--keypad-btn-font-size-small:11px}.header{height:auto;padding:var(--space-sm) var(--space-md)}.header-inner{gap:var(--space-sm);flex-wrap:wrap}.logo{font-size:var(--font-lg);margin-right:auto}.logo-icon{width:30px;height:30px}.search-container{max-width:100%;margin-top:var(--space-xs);flex:0 0 100%;order:10}.input-group{margin-bottom:var(--space-sm)}.sci-top-row{grid-template-columns:repeat(4,1fr)!important}.nav-links{display:none}.hero{padding:var(--space-xl) var(--space-md)}.hero-container{text-align:center;gap:var(--space-xl);grid-template-columns:1fr}.hero-text{align-items:center}.hero-text h1{font-size:var(--font-3xl);letter-spacing:-1px}.hero-text p{font-size:var(--font-base);margin-left:auto;margin-right:auto}.stats-bar{gap:var(--space-lg);flex-wrap:wrap}.stat-value{font-size:var(--font-xl)}.input-row{grid-template-columns:1fr}.result-details{grid-template-columns:1fr!important}.result-value{font-size:var(--font-2xl)}.footer{padding:var(--space-xl) var(--space-md)}.footer-inner{gap:var(--space-md);text-align:center;flex-direction:column}.footer-links{justify-content:center;gap:var(--space-sm) var(--space-md);flex-wrap:wrap}.categories-grid{grid-template-columns:1fr}.calculators-grid{grid-template-columns:1fr 1fr}.calc-page-title{font-size:var(--font-2xl)!important}.homepage-directory{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.category-links-list-multi{grid-template-columns:1fr 1fr}.main-layout{padding:var(--space-md)}.calc-body,.calc-grid{grid-template-columns:1fr!important}.calc-body>:only-child,.calc-grid>:only-child{grid-column:span 1}.calc-layout-container{grid-template-columns:1fr}.calc-right-column{position:static}.calc-tabs-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;overflow-x:auto;justify-content:flex-start!important}.calc-tabs-container::-webkit-scrollbar{display:none}.calc-tab-btn,.calc-tab-button{font-size:var(--font-xs);white-space:nowrap;flex-shrink:0;padding:8px 12px;flex:none!important}.info-section .formula{-webkit-overflow-scrolling:touch;box-sizing:border-box;white-space:nowrap!important;width:100%!important;display:block!important;overflow-x:auto!important}.ai-layout-grid{gap:var(--space-lg)!important;grid-template-columns:1fr!important}.ai-interactive-panel{border-top:1px solid var(--border);padding-top:var(--space-lg);border-left:none!important;padding-left:0!important}.calc-page{padding:var(--space-md)!important}.section-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.section-title{font-size:var(--font-xl)}.related-grid{grid-template-columns:1fr 1fr}.mobile-nav{width:min(300px,85vw)}}@media (width<=600px){:root{--input-height:42px;--btn-height:44px;--input-font-size:var(--font-sm);--btn-font-size:var(--font-sm);--input-radius:8px;--btn-radius:8px;--keypad-btn-padding-large:10px 4px;--keypad-btn-padding-small:7px 3px;--keypad-btn-font-size-large:15px;--keypad-btn-font-size-small:11px}.calc-header-row{flex-direction:row;align-items:center;gap:12px}.calc-header-text{flex:1}.calc-share-btn{align-self:center}.header{padding:var(--space-sm) var(--space-sm)}.search-container{display:block}.search-input{height:38px;font-size:var(--font-xs)}.calculators-grid,.related-grid,.homepage-directory{grid-template-columns:1fr}.toggle-group{flex-direction:column!important}.toggle-option{padding:10px var(--space-sm)!important;width:100%!important}.calc-section,.result-card{padding:var(--space-md)!important}.stats-bar{gap:var(--space-md)}.stat-value{font-size:var(--font-lg)}.stat-label{font-size:10px}.hero-text h1{font-size:var(--font-2xl);letter-spacing:-.5px}.hero-text p{font-size:var(--font-sm)}.hero-badge{font-size:10px}.category-links-list-multi{grid-template-columns:1fr}.category-page-title{font-size:var(--font-xl)!important}.info-section{padding:var(--space-md)!important}.btn-group{flex-direction:column}.country-selector-wrapper{display:none!important}.theme-toggle-btn{width:36px!important;height:36px!important;font-size:16px!important}.calc-tab-btn,.calc-tab-button{gap:4px;padding:6px 10px;font-size:12px}.calc-tab-btn span:first-child,.calc-tab-button span:first-child{font-size:14px}.section-title{font-size:var(--font-lg)!important}.glass-card{border-radius:8px}.back-to-top{width:40px;height:40px;bottom:var(--space-md);right:var(--space-md);font-size:var(--font-base)}}@media (width<=480px){:root{--space-xl:16px;--space-2xl:24px;--space-3xl:32px;--font-5xl:2rem;--font-4xl:1.75rem;--font-3xl:1.5rem;--font-2xl:1.25rem;--font-xl:1.125rem;--font-lg:1rem;--font-base:.875rem;--font-sm:.8125rem;--font-xs:.75rem;--input-height:40px;--btn-height:42px;--input-font-size:var(--font-sm);--btn-font-size:var(--font-sm);--input-padding:0 var(--space-sm);--input-radius:6px;--btn-radius:6px;--keypad-btn-padding-large:8px 3px;--keypad-btn-padding-small:6px 2px;--keypad-btn-font-size-large:14px;--keypad-btn-font-size-small:10px}.header-inner{gap:6px}.logo{font-size:var(--font-base);gap:6px}.logo-icon{border-radius:8px;width:28px;height:28px}.logo-icon svg{width:16px;height:16px}.hero{padding:var(--space-lg) var(--space-sm)}.hero-text h1{font-size:var(--font-2xl)}.stats-bar{gap:var(--space-sm);padding:var(--space-md) 0}.calc-page-header{margin-bottom:var(--space-md)!important}.calc-breadcrumb{gap:4px!important;font-size:11px!important}.calc-page-title{font-size:var(--font-lg)!important;letter-spacing:-.5px!important}.calc-page-desc{font-size:var(--font-xs)!important}.input-label{font-size:var(--font-xs)}.result-value{font-size:var(--font-2xl)!important}.footer{padding:var(--space-lg) var(--space-sm);margin-top:var(--space-xl)}.footer-text,.footer-link{font-size:var(--font-xs)}.footer-links{gap:var(--space-sm)}.live-chat-window{border-radius:12px!important;width:calc(100vw - 24px)!important;height:420px!important;bottom:76px!important;left:12px!important;right:12px!important}.live-chat-bubble{width:50px!important;height:50px!important;font-size:20px!important;bottom:16px!important;right:16px!important}.directory-group{padding:var(--space-sm) var(--space-md)}.directory-group-header{font-size:var(--font-sm)}.directory-links-list li a{font-size:var(--font-xs)}.schedule-table th,.schedule-table td,.amort-table th,.amort-table td{padding:8px 10px;font-size:12px}.search-results{max-height:300px}.search-result-item{padding:var(--space-sm) var(--space-md)}.search-result-item .result-name{font-size:var(--font-xs)}.mobile-nav{width:min(280px,80vw);padding:var(--space-md)}.mobile-nav-link{padding:var(--space-sm) var(--space-md);font-size:var(--font-sm)}.ai-suggestions-card{padding:var(--space-md)!important}}@media (width<=360px){:root{--font-base:.8125rem;--font-sm:.75rem;--font-2xl:1.125rem;--font-3xl:1.25rem;--input-height:38px;--btn-height:40px;--input-font-size:var(--font-sm);--btn-font-size:var(--font-sm);--input-padding:0 6px;--input-radius:6px;--btn-radius:6px;--keypad-btn-padding-large:6px 2px;--keypad-btn-padding-small:5px 1px;--keypad-btn-font-size-large:13px;--keypad-btn-font-size-small:9.5px}.header{padding:var(--space-xs) var(--space-xs)}.hero-text h1{font-size:1.25rem}.hero-text p{font-size:var(--font-xs)}.calc-page-title{font-size:var(--font-base)!important}.main-layout{padding:var(--space-sm)}.calc-section,.result-card,.info-section{padding:var(--space-sm)!important}.glass-card{border-radius:6px}.stat-value{font-size:var(--font-base)}.footer-links{gap:var(--space-xs);flex-direction:column}}@media (height<=500px) and (orientation:landscape){.hero{padding:var(--space-md)}.hero-text h1{font-size:var(--font-2xl)}.stats-bar{padding:var(--space-sm) 0}.header{height:auto;padding:var(--space-xs) var(--space-md)}}@supports (padding-bottom:env(safe-area-inset-bottom)){.footer{padding-bottom:calc(var(--space-2xl) + env(safe-area-inset-bottom))}.live-chat-bubble{bottom:calc(24px + env(safe-area-inset-bottom))!important}.back-to-top{bottom:calc(var(--space-xl) + env(safe-area-inset-bottom))}.header{padding-top:env(safe-area-inset-top)}}.grid-2-col-responsive{grid-template-columns:1fr 1fr;display:grid}@media (width<=600px){.grid-2-col-responsive{grid-template-columns:1fr!important}.grid-2-col-responsive>*{grid-column:span 1!important}}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-bold{font-weight:700}.shimmer{background:linear-gradient(90deg, var(--bg-card) 25%, #ffffff14 50%, var(--bg-card) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-overlay{z-index:150;opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#0009;position:fixed;inset:0}.mobile-nav-overlay.open{opacity:1;pointer-events:auto}.mobile-nav{background:var(--bg-secondary);border-left:1px solid var(--border);z-index:151;width:300px;height:100%;padding:var(--space-xl);transition:transform var(--transition-base);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.mobile-nav.open{transform:translate(0)}.mobile-nav-close{width:36px;height:36px;font-size:var(--font-xl);color:var(--text-secondary);margin-bottom:var(--space-xl);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex}.mobile-nav-close:hover{background:#ffffff0d}.mobile-nav-link{padding:var(--space-md);font-size:var(--font-base);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);margin-bottom:var(--space-xs);font-weight:500;display:block}.mobile-nav-link:hover{color:var(--text-primary);background:#6c5ce71a}.info-section,.info-section.glass-card{margin-top:var(--space-xl);box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.info-section h3{font-size:var(--font-lg);margin-bottom:var(--space-md);font-weight:600}.info-section p{color:var(--text-secondary);line-height:1.8;font-size:var(--font-sm)}.info-section .formula{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:var(--font-sm);color:var(--accent-secondary);margin:var(--space-sm) 0;background:#6c5ce71a;border:1px solid #6c5ce733;display:inline-block}.btn-group{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.btn-group .calc-btn{flex:1}textarea.input-field{height:auto;min-height:100px;padding:var(--space-md);resize:vertical;line-height:1.6}.calc-left-column,.calc-body,.glass-card,.result-card,.calc-section{min-width:0}.amort-table-container{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.ai-suggestions-card{position:relative}.ai-glowing-effect{pointer-events:none;z-index:0;background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #8b5cf666}50%{transform:scale(1.08);box-shadow:0 0 0 8px #8b5cf600}}.ai-spinner{border:2px solid #8b5cf64d;border-top-color:var(--accent-secondary);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.live-chat-bubble:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 10px 28px #6c5ce799}.live-chat-bubble:active{transform:scale(.95)}.ai-dot-loading{background:var(--text-secondary);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite wave;display:inline-block}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calc-layout-container{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid}.calc-right-column{flex-direction:column;gap:20px;display:flex;position:sticky;top:90px}.sidebar-link:hover{color:var(--text-primary)!important;border-color:var(--border-hover)!important;background:#6c5ce71a!important}.sidebar-category-link:hover{color:var(--accent-secondary)!important;background:#ffffff0d!important;padding-left:12px!important}@media (width<=1024px){.calc-layout-container{grid-template-columns:1fr}.calc-right-column{position:static}}.calc-tabs-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:8px;margin-bottom:12px;padding:6px;display:flex}.calc-tab-btn{font-size:var(--font-sm);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);min-height:unset;white-space:nowrap;background:0 0;border:none;flex:1 0;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:flex}.calc-tab-btn:hover{background:var(--bg-input);color:var(--text-primary)}.calc-tab-btn.active{background:var(--accent-gradient);box-shadow:var(--shadow-sm);color:#fff!important}.calc-tab-content{animation:.3s ease-out tabFadeIn}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (height<=670px){:root{--header-height:48px;--space-xl:12px;--space-2xl:16px;--space-3xl:24px;--input-height:38px;--btn-height:40px;--keypad-btn-padding-large:8px 3px;--keypad-btn-padding-small:6px 2px;--keypad-btn-font-size-large:14px;--keypad-btn-font-size-small:10px}.main-layout{padding:var(--space-xl) var(--space-md)!important}.calc-page-header{margin-bottom:12px!important}.calc-page-desc{font-size:var(--font-xs)!important;margin-top:2px!important;line-height:1.4!important}.calc-tabs-container{margin-bottom:12px!important;padding:4px!important}.calc-tab-btn{padding:6px 12px!important}.calc-section,.result-card{padding:var(--space-md)!important}.input-group{margin-bottom:10px!important}.input-label{margin-bottom:4px!important}.hero{padding:var(--space-lg) var(--space-sm)!important}.logo-icon{width:28px!important;height:28px!important}.search-input{height:36px!important}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.schedule-table{border-collapse:collapse;width:100%;min-width:600px;font-size:14px}.schedule-table th,.schedule-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px}@media (width<=768px){.responsive-grid-2,.responsive-grid-3{grid-template-columns:1fr!important}}@media (width>=900px){.custom-wide-grid{grid-template-columns:1.6fr 1fr!important}}@media (width<=768px){.calc-share-btn .share-text{display:none}.calc-share-btn{justify-content:center;width:36px;height:36px;padding:8px}}.calc-inputs-column,.calc-results-column{min-width:0}.calc-section.glass-card,.result-card.glass-card,.info-section.glass-card,.glass-card{padding:16px!important}.input-group,.toggle-group{margin-bottom:12px!important}.fin-tab-container .toggle-group{margin-bottom:0!important}.input-row,h3,h4,.calc-section-title{margin-bottom:12px!important}.result-detail-item{padding:10px 12px!important}.result-main{margin-bottom:16px!important}.calc-seo-article{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.calc-seo-intro{color:var(--text-primary);margin-bottom:20px;font-size:15.5px;line-height:1.65}.calc-seo-section{margin-bottom:20px}.calc-seo-heading{color:var(--text-primary);margin-top:18px;margin-bottom:8px;font-size:19px;font-weight:700}.calc-seo-body{color:var(--text-secondary);margin-bottom:16px;font-size:15px;line-height:1.75}.calc-faq{border-top:1px solid var(--border);margin-top:36px;padding-top:28px}.calc-faq-title{color:var(--text-primary);margin-bottom:20px;font-size:20px;font-weight:700}.calc-faq-list{flex-direction:column;gap:16px;display:flex}.faq-flat-item{margin-bottom:8px}.faq-flat-question{color:var(--text-primary);margin-top:0;margin-bottom:6px;font-size:16px;font-weight:700}.faq-flat-answer{color:var(--text-secondary);white-space:pre-line;margin:0;font-size:15px;line-height:1.65}.calc-formula-display{font-family:var(--font-family);text-align:center;color:var(--accent-primary);background:var(--bg-input);border-radius:var(--radius-sm);margin:20px 0;padding:16px;font-size:18px;font-weight:700;overflow-x:auto}.calc-examples-heading{color:var(--text-primary);margin-top:28px;margin-bottom:16px;font-size:18px;font-weight:700}.calc-examples-list{flex-direction:column;gap:16px;display:flex}.calc-example-item{border-bottom:1px dashed var(--border);padding-bottom:12px}.calc-example-item:last-child{border-bottom:none}.calc-example-title{color:var(--text-primary);margin-bottom:6px;font-size:15.5px;font-weight:700;display:block}.calc-example-description{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.6}.calc-tabs-container{border:none;border-bottom:1px solid var(--border);-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:0 0;border-radius:0;justify-content:flex-start;gap:24px;padding:0 24px;display:flex;overflow-x:auto}.calc-tabs-container::-webkit-scrollbar{display:none}.calc-tab-button{color:var(--text-muted);cursor:pointer;min-height:unset;min-width:unset;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;flex-shrink:0;margin-bottom:-1px;padding:14px 4px;font-size:14px;font-weight:600;transition:all .2s}.calc-tab-button:hover{color:var(--text-primary)}.calc-tab-button.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.extra-payment-row{gap:8px;display:flex}.extra-payment-amount{flex:1!important;min-width:0!important}.extra-payment-month,.extra-payment-year{flex-shrink:0!important;width:80px!important}@media (width<=480px){.extra-payment-row{flex-wrap:wrap}.extra-payment-amount{flex:0 0 100%!important;width:100%!important}.extra-payment-month,.extra-payment-year{flex:1!important;width:calc(50% - 4px)!important}}.grid-3-col-responsive{grid-template-columns:1fr 1fr 1fr;display:grid}@media (width<=768px){.grid-3-col-responsive{grid-template-columns:1fr!important}.grid-3-col-responsive>*{grid-column:span 1!important}}.input-row-3{gap:var(--space-md);grid-template-columns:1fr 1fr 1fr;display:grid}@media (width<=768px){.input-row-3{grid-template-columns:1fr!important}}.bac-drink-row{grid-template-columns:1.2fr 1fr 1fr 1fr;align-items:center;gap:10px;margin-bottom:12px;display:grid}@media (width<=600px){.bac-drink-row{gap:8px;grid-template-columns:1.2fr 1fr!important}}.features-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2xl) var(--space-xl);text-align:center;transition:all var(--transition-base);flex-direction:column;align-items:center;gap:12px;display:flex;box-shadow:0 4px 12px #00000005}body.dark-theme .feature-card{background:#1e293b4d;border-color:#ffffff0d}.feature-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon-wrapper{width:48px;height:48px;color:var(--accent-primary);transition:transform var(--transition-fast);background:#6c5ce70f;border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1)rotate(-5deg)}.feature-card-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.feature-card-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}@media (width<=992px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.features-grid{grid-template-columns:1fr}}.creative-sidebar-card{transition:all var(--transition-base);border-left:3px solid var(--cat-theme-color)!important;box-shadow:0 4px 12px #00000005!important}.creative-sidebar-card:hover{box-shadow:var(--shadow-md)!important;border-left-width:5px!important}.creative-sidebar-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:8px;margin:0 0 16px;font-size:13.5px;font-weight:700;display:flex}.sidebar-title-icon{opacity:.8;font-size:15px}.creative-sidebar-links{flex-direction:column;gap:8px;display:flex}.creative-sidebar-link-item{justify-content:space-between;align-items:center;display:flex;color:var(--text-secondary)!important;transition:all var(--transition-fast)!important;background:0 0!important;border:none!important;border-left:3px solid #0000!important;border-radius:4px!important;padding:8px 12px!important;font-size:13.5px!important;font-weight:500!important;text-decoration:none!important}.creative-sidebar-link-item .link-bullet{display:none!important}.creative-sidebar-link-item .link-chevron{opacity:0;margin-left:auto;transform:translate(-5px);transition:all var(--transition-fast)!important;display:inline-block!important}.creative-sidebar-link-item:hover{background:color-mix(in srgb, var(--cat-theme-color,var(--accent-primary)) 6%, transparent)!important;border-left-color:var(--cat-theme-color)!important;color:var(--cat-theme-color)!important;padding-left:18px!important}.creative-sidebar-link-item:hover .link-chevron{opacity:1;transform:translate(0)}.creative-sidebar-link-item.active{background:color-mix(in srgb, var(--cat-theme-color,var(--accent-primary)) 10%, transparent)!important;border-left-color:var(--cat-theme-color)!important;color:var(--cat-theme-color)!important;padding-left:18px!important;font-weight:600!important}.creative-sidebar-link-item.active .link-chevron{opacity:1;transform:translate(0)}.creative-sidebar-link-item[style*=--hover-color]:hover{border-left-color:var(--hover-color)!important;color:var(--hover-color)!important}