@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;800&display=swap);*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,html{max-width:100%;overflow-x:hidden}@media (prefers-color-scheme:dark){html:not(.dark-mode-manual){color-scheme:dark}html:not(.dark-mode-manual) body{background:linear-gradient(135deg,#111827 0,#1f2937 100%);color:#f9fafb}html:not(.dark-mode-manual) .burger-menu-btn{background:rgba(31,41,55,.95)}html:not(.dark-mode-manual) .burger-line{background-color:#d1d5db}html:not(.dark-mode-manual) .menu-panel{background:rgba(17,24,39,.98)}html:not(.dark-mode-manual) .menu-header{border-bottom-color:#374151}html:not(.dark-mode-manual) .brand-text h3{color:#fff}html:not(.dark-mode-manual) .brand-text p{color:#9ca3af}html:not(.dark-mode-manual) .menu-section-border{border-top-color:#374151}html:not(.dark-mode-manual) .menu-section-title{color:#9ca3af}html:not(.dark-mode-manual) .menu-item{color:#d1d5db}html:not(.dark-mode-manual) .menu-item:hover{background-color:#1f2937;color:#fff}html:not(.dark-mode-manual) .main-header{background:rgba(17,24,39,.9);border-bottom-color:#374151}html:not(.dark-mode-manual) .logo-text h1{color:#fff}html:not(.dark-mode-manual) .logo-text p{color:#9ca3af}html:not(.dark-mode-manual) .dark-mode-toggle{background:rgba(255,255,255,.9);color:#111827;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border:1px solid rgba(229,231,235,.4)}html:not(.dark-mode-manual) .dark-mode-toggle:hover{background:rgba(249,250,251,.95);box-shadow:0 20px 25px -5px rgba(0,0,0,.15),0 10px 10px -5px rgba(0,0,0,.1)}html:not(.dark-mode-manual) .main-logo{filter:brightness(1.1) contrast(.9)}html:not(.dark-mode-manual) .hero-title{color:#fff}html:not(.dark-mode-manual) .hero-description{color:#d1d5db}html:not(.dark-mode-manual) .stat-pill{background:rgba(31,41,55,.8);border-color:#374151}html:not(.dark-mode-manual) .stat-label{color:#9ca3af}html:not(.dark-mode-manual) .calculator-card{background:rgba(31,41,55,.95);border-color:#374151}html:not(.dark-mode-manual) .calculator-card:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}html:not(.dark-mode-manual) .card-title{color:#fff}html:not(.dark-mode-manual) .field-label{color:#d1d5db}html:not(.dark-mode-manual) .form-input{background:rgba(17,24,39,.8);border-color:#374151;color:#fff}html:not(.dark-mode-manual) .form-input:focus{border:2px solid #f97316!important;box-shadow:none!important;outline:0!important}html:not(.dark-mode-manual) .input-suffix{color:#9ca3af}html:not(.dark-mode-manual) .result-label{color:#9ca3af}html:not(.dark-mode-manual) .result-value{color:#fff}html:not(.dark-mode-manual) .calculation-steps{background:rgba(17,24,39,.8);color:#9ca3af}}body{font-family:Inter,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f9fafb 0,#fff 100%);color:#111827;transition:all .3s ease;overflow-x:hidden}.dark body{background:linear-gradient(135deg,#111827 0,#1f2937 100%);color:#f9fafb}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.burger-menu-btn{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);padding:.75rem;border-radius:.75rem;box-shadow:0 10px 25px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border:none;cursor:pointer;transition:all .3s ease;position:relative;z-index:50}.burger-menu-btn:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:scale(1.05)}.dark .burger-menu-btn{background:rgba(31,41,55,.95)}.burger-lines{width:1.5rem;height:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.burger-line{display:block;width:1.5rem;height:.125rem;background-color:#374151;transition:all .3s ease;transform-origin:center;position:relative}.burger-line:nth-child(2){margin:.25rem 0}.dark .burger-line{background-color:#d1d5db}.menu-open .burger-line:first-child{transform:rotate(45deg) translateY(.375rem)}.menu-open .burger-line:nth-child(2){opacity:0;transform:scale(0)}.menu-open .burger-line:nth-child(3){transform:rotate(-45deg) translateY(-.375rem)}.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:40;transition:opacity .3s ease;opacity:0;pointer-events:none}.menu-overlay.active{opacity:1;pointer-events:auto}.menu-panel{position:fixed;top:0;left:0;height:100vh;width:20rem;background:rgba(255,255,255,.98);backdrop-filter:blur(20px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);z-index:50;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1)}.menu-panel.active{transform:translateX(0)}.dark .menu-panel{background:rgba(17,24,39,.98)}.menu-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.dark .menu-header{border-bottom-color:#374151}.menu-brand{display:flex;align-items:center;gap:.75rem}.brand-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#f97316 0,#ea580c 100%);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.125rem}.brand-text h3{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.brand-text p{font-size:.875rem;color:#6b7280;margin:0}.dark .brand-text h3{color:#fff}.dark .brand-text p{color:#9ca3af}.menu-close-btn{background:0 0;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.menu-close-btn:hover{background:rgba(0,0,0,.05);color:#374151}.dark .menu-close-btn{color:#9ca3af}.dark .menu-close-btn:hover{background:rgba(255,255,255,.1);color:#d1d5db}.menu-nav{flex:1;overflow-y:auto}.menu-section{padding:1rem 1.5rem}.menu-section-border{border-top:1px solid #e5e7eb}.dark .menu-section-border{border-top-color:#374151}.menu-section-title{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.dark .menu-section-title{color:#9ca3af}.menu-list{list-style:none;margin:0;padding:0}.menu-list li{margin-bottom:.5rem}.menu-item{display:flex;align-items:center;padding:.5rem .75rem;color:#374151;text-decoration:none;border-radius:.5rem;transition:all .2s ease;font-size:.875rem;font-weight:500}.menu-item:hover{background-color:#f3f4f6;color:#111827}.dark .menu-item{color:#d1d5db}.dark .menu-item:hover{background-color:#1f2937;color:#fff}.menu-icon{width:1rem;margin-right:.75rem;text-align:center;color:#f97316}.menu-category{width:100%}.menu-category-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:0 0;border:none;color:#374151;border-radius:.5rem;transition:all .2s ease;font-size:.875rem;font-weight:500;cursor:pointer;text-align:left}.menu-category-button:hover{background-color:#f3f4f6;color:#111827}.dark .menu-category-button{color:#d1d5db}.dark .menu-category-button:hover{background-color:#1f2937;color:#fff}.menu-category-button span{flex:1;text-align:left}.category-arrow{font-size:.75rem;color:#9ca3af;transition:transform .3s ease;margin-left:.5rem}.menu-category.expanded .category-arrow{transform:rotate(180deg)}.submenu{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:0;background:rgba(0,0,0,.02);border-radius:0 0 .5rem .5rem;margin-top:.25rem}.dark .submenu{background:rgba(255,255,255,.02)}.menu-category.expanded .submenu{max-height:500px;opacity:1;padding:.5rem 0}.submenu-item{display:block;padding:.375rem .75rem .375rem 2.5rem;color:#6b7280;text-decoration:none;font-size:.8rem;font-weight:400;transition:all .2s ease;border-radius:.375rem;margin:.125rem .5rem}.submenu-item:hover{background-color:#f97316;color:#fff}.dark .submenu-item{color:#9ca3af}.dark .submenu-item:hover{background-color:#f97316;color:#fff}.main-header{position:fixed;top:0;left:0;right:0;z-index:30;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid #e5e7eb}.dark .main-header{background:rgba(17,24,39,.9);border-bottom-color:#374151}.header-content{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:relative;min-height:4rem}.header-logo{display:flex;align-items:center;gap:.5rem;position:absolute;left:50%;transform:translateX(-50%)}.logo-icon{width:2rem;height:2rem;background:linear-gradient(135deg,#f97316 0,#ea580c 100%);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.125rem}.logo-text{text-align:center}.logo-text h1{font-size:1.25rem;font-weight:700;color:#111827;margin:0;line-height:1.2}.logo-text p{font-size:.875rem;color:#6b7280;margin:-.25rem 0 0 0;line-height:1.2}.dark .logo-text h1{color:#fff}.dark .logo-text p{color:#9ca3af}.logo-image{transition:opacity .3s ease}.logo-light{display:block}.logo-dark{display:none}.dark .logo-light{display:none}.dark .logo-dark{display:block}@media (prefers-color-scheme:dark){html:not(.dark-mode-manual) .logo-light{display:none}html:not(.dark-mode-manual) .logo-dark{display:block}}.dark-mode-toggle{background:rgba(31,41,55,.9);backdrop-filter:blur(12px);padding:.75rem 1rem;border-radius:9999px;box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.15);border:1px solid rgba(75,85,99,.4);cursor:pointer;transition:all .3s ease;color:#fff;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.dark-mode-toggle:hover{background:rgba(55,65,81,.95);box-shadow:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.2);transform:scale(1.05)}.dark .dark-mode-toggle{background:rgba(255,255,255,.9);color:#111827;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border:1px solid rgba(229,231,235,.4)}.dark .dark-mode-toggle:hover{background:rgba(249,250,251,.95);box-shadow:0 20px 25px -5px rgba(0,0,0,.15),0 10px 10px -5px rgba(0,0,0,.1)}.dark-mode-text{white-space:nowrap}@media (max-width:640px){.dark-mode-text{display:none}}.main-content{padding-top:4rem;min-height:100vh}.hero-section{text-align:center;padding:3rem 1.5rem 1.5rem;max-width:1200px;margin:0 auto}.hero-title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:800;color:#111827;margin-bottom:1.5rem;line-height:1.1}.hero-accent{background:linear-gradient(135deg,#f97316 0,#ea580c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .hero-title{color:#fff}.hero-description{font-size:1.3rem;color:#6b7280;max-width:600px;margin:0 auto 3rem;line-height:1.6}.dark .hero-description{color:#d1d5db}.stats-pills{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.stat-pill{background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:2rem;padding:.75rem 1.5rem;display:flex;flex-direction:row;align-items:flex-end;gap:.5rem;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.stat-pill:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.dark .stat-pill{background:rgba(31,41,55,.8);border-color:#374151}.stat-number{font-size:1.375rem;font-weight:700;line-height:1;margin:0}.stat-number.orange{color:#f97316}.stat-number.blue{color:#3b82f6}.stat-number.green{color:#10b981}.stat-label{font-size:1rem;color:#6b7280;font-weight:500;line-height:1.2;margin:0;text-align:center;display:flex;align-items:center;justify-content:center;flex:1}.dark .stat-label{color:#9ca3af}.calculators-section{padding:1rem 1.5rem 4rem;max-width:1200px;margin:0 auto}.calculators-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;min-height:auto;overflow:visible}@media (max-width:1024px){.calculators-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.calculator-card{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid #e5e7eb;border-radius:1.5rem;padding:2rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:all .3s ease;opacity:1;transform:translateY(0);width:100%;box-sizing:border-box}.calculator-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.dark .calculator-card{background:rgba(31,41,55,.95);border-color:#374151}.dark .calculator-card:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.card-icon{width:2.75rem;height:2.75rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.125rem;font-weight:600;flex-shrink:0}.card-icon{width:2.75rem;height:2.75rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:600;margin-right:1rem;flex-shrink:0}.card-icon i{font-size:1.125rem;line-height:1}.card-icon.orange{background:linear-gradient(135deg,#f97316 0,#ea580c 100%)}.card-icon.blue{background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%)}.card-icon.green{background:linear-gradient(135deg,#10b981 0,#059669 100%)}.card-icon.purple{background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%)}.card-icon.indigo{background:linear-gradient(135deg,#6366f1 0,#4f46e5 100%)}.card-icon.pink{background:linear-gradient(135deg,#ec4899 0,#db2777 100%)}.card-icon.teal{background:linear-gradient(135deg,#14b8a6 0,#0d9488 100%)}.card-icon.red{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%)}.card-icon.cyan{background:linear-gradient(135deg,#06b6d4 0,#0891b2 100%)}.card-icon.emerald{background:linear-gradient(135deg,#10b981 0,#059669 100%)}.card-icon.amber{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%)}.card-icon.violet{background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%)}.card-icon.lime{background:linear-gradient(135deg,#84cc16 0,#65a30d 100%)}.card-icon.rose{background:linear-gradient(135deg,#f43f5e 0,#e11d48 100%)}.card-icon.sky{background:linear-gradient(135deg,#0ea5e9 0,#0284c7 100%)}.card-icon.stone{background:linear-gradient(135deg,#78716c 0,#57534e 100%)}.card-icon.fuchsia{background:linear-gradient(135deg,#d946ef 0,#c026d3 100%)}.card-icon.slate{background:linear-gradient(135deg,#64748b 0,#475569 100%)}.card-icon.zinc{background:linear-gradient(135deg,#71717a 0,#52525b 100%)}.card-icon.neutral{background:linear-gradient(135deg,#737373 0,#525252 100%)}.card-icon.yellow{background:linear-gradient(135deg,#eab308 0,#ca8a04 100%)}.card-icon.gray{background:linear-gradient(135deg,#6b7280 0,#4b5563 100%)}.card-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0;line-height:1.3;flex:1;padding-top:.125rem}.dark .card-title{color:#fff}.input-group{margin-bottom:1.5rem}.form-field{margin-bottom:1rem}.field-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.dark .field-label{color:#d1d5db}.input-wrapper{position:relative;display:flex;align-items:center}.form-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;background:rgba(255,255,255,.8);font-size:1rem;transition:all .3s ease;color:#111827}.form-input select,select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-input:focus{border:2px solid #f97316!important;box-shadow:none!important;outline:0!important;background:#fff}.dark .form-input{background:rgba(17,24,39,.8);border-color:#374151;color:#fff}.dark .form-input:focus{border:2px solid #f97316!important;box-shadow:none!important;outline:0!important}.input-suffix{position:absolute;top:50%;transform:translateY(-50%);color:#6b7280;font-weight:500;pointer-events:none;white-space:nowrap;z-index:1;display:flex;align-items:center;height:100%;line-height:1}.dark .input-suffix{color:#9ca3af}.input-wrapper .form-input:has(+ .input-suffix){padding-right:1rem}.input-prefix{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;font-weight:500;pointer-events:none;white-space:nowrap;z-index:1;display:flex;align-items:center;height:100%;line-height:1}.dark .input-prefix{color:#9ca3af}.input-wrapper .form-input:has(~ .input-prefix),.input-wrapper .input-prefix+.form-input{padding-left:2rem}.form-input[type=number]{-moz-appearance:textfield}.form-input[type=number]::-webkit-inner-spin-button,.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;opacity:0;transition:opacity .2s ease}.input-wrapper:hover .form-input[type=number]::-webkit-inner-spin-button,.input-wrapper:hover .form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto;opacity:1}.result-card{padding:.9rem;border-radius:.75rem;margin-bottom:1rem;position:relative}.result-card.orange{background:linear-gradient(135deg,rgba(249,115,22,.1) 0,rgba(234,88,12,.1) 100%)}.result-card.blue{background:linear-gradient(135deg,rgba(59,130,246,.1) 0,rgba(37,99,235,.1) 100%)}.result-card.green{background:linear-gradient(135deg,rgba(16,185,129,.1) 0,rgba(5,150,105,.1) 100%)}.result-card.purple{background:linear-gradient(135deg,rgba(139,92,246,.1) 0,rgba(124,58,237,.1) 100%)}.result-card.indigo{background:linear-gradient(135deg,rgba(99,102,241,.1) 0,rgba(79,70,229,.1) 100%)}.result-card.pink{background:linear-gradient(135deg,rgba(236,72,153,.1) 0,rgba(219,39,119,.1) 100%)}.result-card.teal{background:linear-gradient(135deg,rgba(20,184,166,.1) 0,rgba(13,148,136,.1) 100%)}.result-card.red{background:linear-gradient(135deg,rgba(239,68,68,.1) 0,rgba(220,38,38,.1) 100%)}.result-card.cyan{background:linear-gradient(135deg,rgba(6,182,212,.1) 0,rgba(8,145,178,.1) 100%)}.result-card.emerald{background:linear-gradient(135deg,rgba(16,185,129,.1) 0,rgba(5,150,105,.1) 100%)}.result-card.amber{background:linear-gradient(135deg,rgba(245,158,11,.1) 0,rgba(217,119,6,.1) 100%)}.result-card.violet{background:linear-gradient(135deg,rgba(139,92,246,.1) 0,rgba(124,58,237,.1) 100%)}.result-card.lime{background:linear-gradient(135deg,rgba(132,204,22,.1) 0,rgba(101,163,13,.1) 100%)}.result-card.rose{background:linear-gradient(135deg,rgba(244,63,94,.1) 0,rgba(225,29,72,.1) 100%)}.result-card.sky{background:linear-gradient(135deg,rgba(14,165,233,.1) 0,rgba(2,132,199,.1) 100%)}.result-card.stone{background:linear-gradient(135deg,rgba(120,113,108,.1) 0,rgba(87,83,78,.1) 100%)}.result-card.fuchsia{background:linear-gradient(135deg,rgba(217,70,239,.1) 0,rgba(192,38,211,.1) 100%)}.result-card.slate{background:linear-gradient(135deg,rgba(100,116,139,.1) 0,rgba(71,85,105,.1) 100%)}.result-card.zinc{background:linear-gradient(135deg,rgba(113,113,122,.1) 0,rgba(82,82,91,.1) 100%)}.result-card.neutral{background:linear-gradient(135deg,rgba(115,115,115,.1) 0,rgba(82,82,82,.1) 100%)}.result-card.yellow{background:linear-gradient(135deg,rgba(234,179,8,.1) 0,rgba(202,138,4,.1) 100%)}.result-card.gray{background:linear-gradient(135deg,rgba(107,114,128,.1) 0,rgba(75,85,99,.1) 100%)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.result-label{font-size:.875rem;font-weight:600;color:#6b7280}.dark .result-label{color:#9ca3af}.result-value{font-size:1.5rem;font-weight:800;color:#111827;transition:all .2s ease;font-family:Inter,sans-serif}.dark .result-value{color:#fff}.copy-btn{background:rgba(255,255,255,.8);border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem;cursor:pointer;transition:all .2s ease;color:#6b7280;font-size:.875rem}.copy-btn:hover{background:#fff;color:#374151;transform:scale(1.05)}.copy-btn.copied{background:#10b981;color:#fff;border-color:#10b981}.dark .copy-btn{background:rgba(31,41,55,.8);border-color:#374151;color:#9ca3af}.dark .copy-btn:hover{background:#1f2937;color:#d1d5db}.calculation-steps{background:rgba(243,244,246,.8);padding:.75rem 1rem;border-radius:.5rem;font-size:.925rem;color:#6b7280;font-family:Inter,sans-serif;margin-bottom:1rem}.dark .calculation-steps{background:rgba(17,24,39,.8);color:#9ca3af}.learn-more-link{display:inline-flex;align-items:center;gap:.25rem;color:#f97316;text-decoration:none;font-size:.875rem;font-weight:600;transition:all .2s ease}.learn-more-link:hover{color:#ea580c;gap:.5rem}.learn-more-link i{font-size:.75rem;transition:transform .2s ease}.learn-more-link:hover i{transform:translateX(2px)}.collapsible-section{margin-bottom:2rem}.collapsible-header{width:100%;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid #e5e7eb;border-radius:1rem 1rem 0 0;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .3s ease;font-size:1.25rem;font-weight:700;color:#111827;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);position:relative;z-index:1}.collapsible-header[aria-expanded=false]{border-radius:1rem}.collapsible-header:hover{background:rgba(249,250,251,.98);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-1px)}.collapsible-header:active{transform:translateY(0);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.dark .collapsible-header{background:rgba(31,41,55,.95);border-color:#374151;color:#fff}.dark .collapsible-header:hover{background:rgba(55,65,81,.98)}.collapsible-title-section{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;text-align:left;flex:1}.collapsible-category-icon{display:none}@media (min-width:768px){.collapsible-header{display:flex;align-items:flex-start;gap:1rem}.collapsible-category-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:linear-gradient(135deg,#f97316 0,#ea580c 100%);border-radius:.75rem;color:#fff;font-size:1.5rem;font-weight:600;flex-shrink:0;margin-top:.125rem}.collapsible-category-icon.basic{background:linear-gradient(135deg,#f97316 0,#ea580c 100%)}.collapsible-category-icon.advanced{background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%)}.collapsible-category-icon.finance{background:linear-gradient(135deg,#10b981 0,#059669 100%)}.collapsible-category-icon.health{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%)}.collapsible-category-icon.education{background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%)}.collapsible-category-icon.allocation{background:linear-gradient(135deg,#06b6d4 0,#0891b2 100%)}.dark .collapsible-category-icon{box-shadow:0 4px 6px -1px rgba(0,0,0,.3)}}.collapsible-title{font-size:1.25rem;font-weight:700;line-height:1.2;text-align:left;width:100%}.collapsible-description{font-size:.95rem;font-weight:400;color:#6b7280;line-height:1.3;opacity:.9;text-align:left;width:100%}.dark .collapsible-description{color:#9ca3af}.collapsible-arrow{transition:transform .4s cubic-bezier(.4, 0, .2, 1);color:#f97316;font-size:1rem;transform-origin:center}.collapsible-header[aria-expanded=true] .collapsible-arrow{transform:rotate(180deg)}.collapsible-content{overflow:visible;transition:max-height .4s cubic-bezier(.4, 0, .2, 1),padding .3s ease;max-height:none;opacity:1;background:rgba(255,255,255,.3);backdrop-filter:blur(8px);border:1px solid #e5e7eb;border-top:none;border-radius:0 0 1rem 1rem;padding:2rem;margin-top:-1px;min-height:auto}.dark .collapsible-content{background:rgba(31,41,55,.3);border-color:#374151}.collapsible-content.collapsed{max-height:0;opacity:0;padding:0 2rem;overflow:hidden}.search-container{max-width:600px;margin:2rem auto 0}.search-wrapper{position:relative;display:flex;align-items:center;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:2px solid #e5e7eb;border-radius:1rem;padding:.75rem 1rem;box-shadow:0 10px 25px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:all .3s ease}.search-wrapper:focus-within{border:2px solid #f97316!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.15);transform:translateY(-2px)}.dark .search-wrapper{background:rgba(31,41,55,.95);border-color:#374151}.dark .search-wrapper:focus-within{border:2px solid #f97316!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.3)}.search-icon{color:#9ca3af;font-size:1.125rem;margin-right:.75rem;flex-shrink:0}.search-input{flex:1;border:none;outline:0;background:0 0;font-size:1rem;color:#111827;font-family:Inter,sans-serif;font-weight:400}.search-input::placeholder{color:#9ca3af}.dark .search-input{color:#f9fafb}.dark .search-input::placeholder{color:#6b7280}.search-clear{background:0 0;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;opacity:0;visibility:hidden;margin-left:.5rem}.search-clear.visible{opacity:1;visibility:visible}.search-clear:hover{color:#6b7280;background:rgba(0,0,0,.05)}.dark .search-clear:hover{color:#9ca3af;background:rgba(255,255,255,.1)}.search-results-info{margin-top:.75rem;text-align:center;font-size:.875rem;color:#6b7280;font-weight:500}.dark .search-results-info{color:#9ca3af}.no-results-message{background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.2);border-radius:.75rem;padding:1rem;margin-top:1rem;text-align:center;color:#ea580c;font-weight:600}.dark .no-results-message{background:rgba(249,115,22,.15);border-color:rgba(249,115,22,.3);color:#fb923c}#search-results-category .calculator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;min-height:auto;overflow:visible}@media (max-width:1024px){#search-results-category .calculator-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:768px){#search-results-category .calculator-grid{grid-template-columns:1fr;gap:1.5rem}}#search-results-category h2{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1rem;text-align:center}.dark #search-results-category h2{color:#fff}.calculator-card.search-hidden{display:none!important}.collapsible-section.search-hidden{display:none!important}.empty-state{text-align:center;padding:4rem 2rem;background:rgba(255,255,255,.5);border:2px dashed #e5e7eb;border-radius:1rem;grid-column:1/-1}.empty-state-icon{width:4rem;height:4rem;background:linear-gradient(135deg,#f3f4f6 0,#e5e7eb 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#9ca3af;font-size:1.5rem}.empty-state-title{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-state-description{font-size:.875rem;color:#6b7280;max-width:400px;margin:0 auto;line-height:1.5}.dark .empty-state{background:rgba(31,41,55,.5);border-color:#374151}.dark .empty-state-icon{background:linear-gradient(135deg,#374151 0,#4b5563 100%);color:#6b7280}.dark .empty-state-title{color:#d1d5db}.dark .empty-state-description{color:#9ca3af}@media (max-width:768px){.calculators-grid{grid-template-columns:1fr;gap:1.5rem}.calculator-card{padding:1.5rem;opacity:1;transform:translateY(0)}.stats-pills{gap:.75rem}.stat-pill{padding:.75rem .75rem;width:auto;min-width:115px;max-width:140px;min-height:auto;border-radius:1.5rem;gap:.125rem;flex-direction:column;justify-content:center;align-items:center}.stat-number{font-size:1.25rem;line-height:1}.stat-label{font-size:.75rem;line-height:1.2;white-space:normal;word-wrap:break-word;hyphens:auto;text-align:center;height:auto;display:block}.hero-section{padding:2rem 1rem 3rem}.header-content{padding:1rem}.menu-panel{width:100vw}.collapsible-header{padding:1rem 1.5rem;font-size:1.125rem}.collapsible-title{font-size:1.125rem}.collapsible-description{font-size:.8rem}.empty-state{padding:3rem 1.5rem}.empty-state-icon{width:3rem;height:3rem;font-size:1.25rem}.collapsible-content{padding:1.5rem}.collapsible-content.collapsed{padding:0 1.5rem}.search-section{padding:1rem 1rem}.search-wrapper{padding:.625rem .875rem}.search-input{font-size:.9rem}.search-input::placeholder{font-size:.85rem}}@media (max-width:480px){.calculator-card{padding:1rem}.card-icon{width:2.5rem;height:2.5rem;font-size:1rem}.card-title{font-size:1.125rem}.result-value{font-size:1.5rem}.stat-pill{padding:.625rem .5rem;width:auto;min-width:100px;max-width:120px;min-height:auto;flex:none;border-radius:1.25rem;gap:.125rem;flex-direction:column;justify-content:center;align-items:center}.stat-number{font-size:1.125rem;line-height:1}.stat-label{font-size:.7rem;line-height:1.2;white-space:normal;word-wrap:break-word;hyphens:auto;text-align:center;height:auto;display:block}}.calculator-card{transition:opacity .6s cubic-bezier(.4, 0, .2, 1),transform .6s cubic-bezier(.4, 0, .2, 1)}.animate-slide-up{animation:slideUp .6s cubic-bezier(.4,0,.2,1) forwards}.burger-menu-btn:focus,.copy-btn:focus,.dark-mode-toggle:focus,.form-input:focus,.menu-item:focus{outline:2px solid #f97316;outline-offset:2px}.dark-mode-toggle:focus{outline:0}@media (prefers-contrast:high){.calculator-card{border-width:2px}.form-input{border-width:2px}.copy-btn{border-width:2px}}.features-section{padding:4rem 2rem 2rem;max-width:1200px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}@media (max-width:768px){.features-grid{grid-template-columns:1fr;gap:2rem}.features-section{padding:3rem 1rem 2rem}}.feature-bounce{text-align:center;animation:gentle-bounce 2s ease-in-out infinite}@keyframes gentle-bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.feature-icon{width:5rem;height:5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.875rem;transition:all .3s ease}.feature-icon:hover{transform:scale(1.1)}.feature-icon.blue{background:linear-gradient(135deg,rgba(59,130,246,.1) 0,rgba(37,99,235,.1) 100%);color:#3b82f6}.feature-icon.green{background:linear-gradient(135deg,rgba(16,185,129,.1) 0,rgba(5,150,105,.1) 100%);color:#10b981}.feature-icon.purple{background:linear-gradient(135deg,rgba(139,92,246,.1) 0,rgba(124,58,237,.1) 100%);color:#8b5cf6}.dark .feature-icon.blue{background:linear-gradient(135deg,rgba(59,130,246,.2) 0,rgba(37,99,235,.2) 100%)}.dark .feature-icon.green{background:linear-gradient(135deg,rgba(16,185,129,.2) 0,rgba(5,150,105,.2) 100%)}.dark .feature-icon.purple{background:linear-gradient(135deg,rgba(139,92,246,.2) 0,rgba(124,58,237,.2) 100%)}.feature-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1rem;line-height:1.2}.dark .feature-title{color:#fff}.feature-description{font-size:1rem;color:#6b7280;line-height:1.6;max-width:280px;margin:0 auto}.dark .feature-description{color:#9ca3af}.value-section{padding:1rem 1.5rem 4rem;max-width:1200px;margin:0 auto}.value-content{display:flex;flex-direction:column;gap:2rem}.full-width{width:100%}.highlight-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}@media (max-width:768px){.value-content{gap:2rem}.value-section{padding:.5rem 1rem 3rem}.highlight-cards{grid-template-columns:1fr}}.did-you-know-container{display:flex;justify-content:center;grid-column:1}.did-you-know-card{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid #e5e7eb;border-radius:1.5rem;padding:2rem 1.5rem;text-align:center;box-shadow:0 10px 25px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}.did-you-know-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.15),0 10px 10px -5px rgba(0,0,0,.1)}.dark .did-you-know-card{background:rgba(31,41,55,.95);border-color:#374151}.dark .did-you-know-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2)}.did-you-know-title{font-size:1.5rem;font-weight:700;color:#f97316;margin-bottom:1.5rem;line-height:1.2}.did-you-know-fact{font-size:1.125rem;color:#374151;line-height:1.6;font-weight:500;margin:0;opacity:1;transition:opacity .5s ease-in-out}.dark .did-you-know-fact{color:#d1d5db}.did-you-know-fact.fade-out{opacity:0}.highlight-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;grid-column:2/-1}@media (max-width:640px){.highlight-cards{grid-template-columns:1fr;gap:1rem}}.highlight-card{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid #e5e7eb;border-radius:1rem;padding:2rem 1.5rem;text-align:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;position:relative;overflow:hidden}.highlight-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.dark .highlight-card{background:rgba(31,41,55,.95);border-color:#374151}.dark .highlight-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.2),0 4px 6px -2px rgba(0,0,0,.1)}.highlight-icon{font-size:2.5rem;margin-bottom:1rem;display:block;line-height:1}.highlight-title{font-size:1.125rem;font-weight:700;color:#111827;margin-bottom:.75rem;line-height:1.3}.dark .highlight-title{color:#fff}.highlight-description{font-size:.925rem;color:#6b7280;line-height:1.5;margin:0}.dark .highlight-description{color:#9ca3af}@media (prefers-color-scheme:dark){html:not(.dark-mode-manual) .did-you-know-card{background:rgba(31,41,55,.95);border-color:#374151}html:not(.dark-mode-manual) .did-you-know-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2)}html:not(.dark-mode-manual) .did-you-know-fact{color:#d1d5db}html:not(.dark-mode-manual) .highlight-card{background:rgba(31,41,55,.95);border-color:#374151}html:not(.dark-mode-manual) .highlight-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.2),0 4px 6px -2px rgba(0,0,0,.1)}html:not(.dark-mode-manual) .highlight-title{color:#fff}html:not(.dark-mode-manual) .highlight-description{color:#9ca3af}}.main-footer{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-top:1px solid #e5e7eb;margin-top:4rem}.dark .main-footer{background:rgba(17,24,39,.95);border-top-color:#374151}.footer-content{max-width:1200px;margin:0 auto;padding:3rem 1.5rem 0}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem;margin-bottom:2rem}@media (max-width:768px){.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-content{padding:2rem 1rem 0}}.footer-section{display:flex;flex-direction:column}.footer-section-title{font-size:1.125rem;font-weight:700;color:#111827;margin-bottom:1rem;line-height:1.2}.dark .footer-section-title{color:#fff}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.footer-link{color:#6b7280;text-decoration:none;font-size:.925rem;font-weight:500;transition:all .2s ease;padding:.25rem 0;border-radius:.375rem}.footer-link:hover{color:#f97316;transform:translateX(4px)}.dark .footer-link{color:#9ca3af}.dark .footer-link:hover{color:#fb923c}.footer-brand-section{grid-column:1/-1}@media (min-width:768px){.footer-brand-section{grid-column:auto}}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.75rem}.footer-logo-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#f97316 0,#ea580c 100%);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.125rem;flex-shrink:0}.footer-logo-text h3{font-size:1.25rem;font-weight:700;color:#111827;margin:0;line-height:1.2}.footer-logo-text p{font-size:.875rem;color:#6b7280;margin:-.25rem 0 0 0;line-height:1.2}.dark .footer-logo-text h3{color:#fff}.dark .footer-logo-text p{color:#9ca3af}.footer-description{color:#6b7280;font-size:.925rem;line-height:1.5;max-width:300px}.dark .footer-description{color:#9ca3af}.footer-bottom{border-top:1px solid #e5e7eb;padding:1.5rem 0;margin-top:2rem}.dark .footer-bottom{border-top-color:#374151}.footer-bottom-content{display:flex;align-items:center;justify-content:center}.footer-copyright{color:#6b7280;font-size:.925rem;font-weight:500;margin:0;display:flex;align-items:center;gap:.5rem;text-align:center}.dark .footer-copyright{color:#9ca3af}.footer-heart{color:#ef4444;font-size:1rem;animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,100%,50%{transform:scale(1)}25%,75%{transform:scale(1.1)}}@media (max-width:640px){.footer-grid{text-align:center}.footer-brand{align-items:center;text-align:center}.footer-logo-text{text-align:left}.footer-description{text-align:center;margin:0 auto}.footer-copyright{font-size:.875rem;flex-wrap:wrap;justify-content:center}}.footer-link[href^="#"]{scroll-behavior:smooth}.footer-logo-icon{transition:all .3s ease}.footer-logo:hover .footer-logo-icon{transform:scale(1.05);box-shadow:0 8px 25px -8px rgba(249,115,22,.4)}@media (prefers-color-scheme:dark){html:not(.dark-mode-manual) .main-footer{background:rgba(17,24,39,.95);border-top-color:#374151}html:not(.dark-mode-manual) .footer-section-title{color:#fff}html:not(.dark-mode-manual) .footer-link{color:#9ca3af}html:not(.dark-mode-manual) .footer-link:hover{color:#fb923c}html:not(.dark-mode-manual) .footer-logo-text h3{color:#fff}html:not(.dark-mode-manual) .footer-logo-text p{color:#9ca3af}html:not(.dark-mode-manual) .footer-description{color:#9ca3af}html:not(.dark-mode-manual) .footer-bottom{border-top-color:#374151}html:not(.dark-mode-manual) .footer-copyright{color:#9ca3af}}.calculator-examples-section{padding:2rem 1.5rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;overflow:visible}.calculator-examples-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:stretch;max-width:100%;overflow:visible}@media (max-width:1024px){.calculator-examples-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width:768px){.calculator-examples-grid{gap:1.5rem}.calculator-examples-section{padding:1.5rem 1rem}}.calculator-column{position:sticky;top:8rem;height:fit-content;min-width:0;width:100%}.examples-column{min-width:0;width:100%;max-width:100%;overflow:visible;display:flex;flex-direction:column;justify-content:stretch}@media (max-width:1024px){.calculator-column{position:static;order:1}.examples-column{order:2}}.examples-content{display:flex;flex-direction:column;gap:1.25rem;height:100%;width:100%;max-width:100%;overflow:visible;justify-content:space-between}.example-card{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid transparent;border-radius:1rem;padding:1.25rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:140px;max-height:none;position:relative;overflow:visible;width:100%;max-width:100%;box-sizing:border-box;z-index:1}.example-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border:1px solid #f97316;z-index:10}.dark .example-card{background:rgba(31,41,55,.95)}.example-title{font-size:1.125rem;font-weight:700;color:#f97316;margin-bottom:.75rem;line-height:1.3}.example-description{color:#6b7280;line-height:1.6;margin:0}.dark .example-description{color:#d1d5db}.common-uses-section h2,.faq-section h2,.how-to-use-section h2,.related-calculators-section h2{color:#111827}.dark .common-uses-section h2,.dark .faq-section h2,.dark .how-to-use-section h2,.dark .related-calculators-section h2{color:#fff!important}.dark [data-theme-element=benefit-card]{background:rgba(31,41,55,.95)!important;border-color:#374151!important}.dark [data-theme-element=who-section]{background:rgba(31,41,55,.4)!important}.dark .who-section h2{color:#fff!important}.dark .who-section h3{color:#fff!important}.dark .who-section p{color:#d1d5db!important}.dark [data-theme-element=understanding-section]{background:rgba(31,41,55,.4)!important}.dark [data-theme-element=understanding-section] h2{color:#fff!important}.dark [data-theme-element=understanding-section] h3{color:#fff!important}.dark [data-theme-element=understanding-section] p{color:#d1d5db!important}@media (prefers-color-scheme:dark){html:not(.dark-mode-manual) .benefits-section h2,html:not(.dark-mode-manual) .common-uses-section h2,html:not(.dark-mode-manual) .faq-section h2,html:not(.dark-mode-manual) .how-to-use-section h2,html:not(.dark-mode-manual) .related-calculators-section h2,html:not(.dark-mode-manual) .who-section h2{color:#fff!important}html:not(.dark-mode-manual) [data-theme-element=benefit-card]{background:rgba(31,41,55,.95)!important;border-color:#374151!important}html:not(.dark-mode-manual) [data-theme-element=who-section]{background:rgba(31,41,55,.4)!important}html:not(.dark-mode-manual) .who-section h2,html:not(.dark-mode-manual) .who-section h3{color:#fff!important}html:not(.dark-mode-manual) .who-section p{color:#d1d5db!important}html:not(.dark-mode-manual) [data-theme-element=understanding-section]{background:rgba(31,41,55,.4)!important}html:not(.dark-mode-manual) [data-theme-element=understanding-section] h2{color:#fff!important}html:not(.dark-mode-manual) [data-theme-element=understanding-section] h3{color:#fff!important}html:not(.dark-mode-manual) [data-theme-element=understanding-section] p{color:#d1d5db!important}}.who-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}@media (max-width:768px){.who-grid{grid-template-columns:1fr;gap:1.5rem}}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}@media (max-width:768px){.steps-grid{grid-template-columns:1fr;gap:1.5rem}}.step-card{text-align:center;padding:2rem 1.5rem;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease}.step-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.dark .step-card{background:rgba(31,41,55,.95);border-color:#374151}.step-number{width:3rem;height:3rem;background:linear-gradient(135deg,#f97316 0,#ea580c 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto 1rem}.step-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.75rem}.dark .step-title{color:#fff}.step-description{color:#6b7280;line-height:1.5;margin:0}.dark .step-description{color:#9ca3af}.formula-explanation{background:rgba(249,115,22,.05);border:1px solid rgba(249,115,22,.2);border-radius:1rem;padding:2rem;text-align:center}.dark .formula-explanation{background:rgba(249,115,22,.1);border-color:rgba(249,115,22,.3)}.formula-box{background:rgba(249,115,22,.1);border:2px solid #f97316;border-radius:.75rem;padding:1rem;font-size:1.125rem;color:#ea580c;margin:1rem 0}.dark .formula-box{background:rgba(249,115,22,.15);color:#fb923c}.uses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width:1024px){.uses-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.uses-grid{grid-template-columns:1fr;gap:1.5rem}}.use-card{text-align:center;padding:2rem 1.5rem;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease}@media (max-width:640px){.use-card{padding:1.5rem 1rem}}.use-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.dark .use-card{background:rgba(31,41,55,.95);border-color:#374151}.use-icon{font-size:2.5rem;color:#f97316;margin-bottom:1rem}.use-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.75rem}.dark .use-title{color:#fff}.use-description{color:#6b7280;line-height:1.5;margin:0}.dark .use-description{color:#9ca3af}.faq-accordion{display:flex;flex-direction:column;gap:1rem}.faq-item{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease}.faq-item:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.dark .faq-item{background:rgba(31,41,55,.95);border-color:#374151}.faq-question{width:100%;padding:1.5rem;background:0 0;border:none;text-align:left;font-size:1.125rem;font-weight:600;color:#111827;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;transition:all .2s ease;outline:0}.faq-question:hover{background:rgba(249,115,22,.05)}.faq-question:focus{outline:2px solid #f97316;outline-offset:-2px}.dark .faq-question{color:#fff}.dark .faq-question:hover{background:rgba(249,115,22,.1)}.faq-question span{flex:1;line-height:1.4}.faq-arrow{color:#f97316;transition:transform .3s ease;font-size:1rem;flex-shrink:0;margin-top:.125rem}.faq-item.active .faq-arrow{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .8s cubic-bezier(.4, 0, .2, 1),padding .6s ease;background:rgba(0,0,0,.02);padding:0 1.5rem}.dark .faq-answer{background:rgba(255,255,255,.02)}.faq-item.active .faq-answer{padding:1rem 1.5rem 1rem;max-height:none}.faq-answer p{color:#6b7280;line-height:1.6;margin:0 0 1rem 0}.faq-answer p:last-child{margin-bottom:0}.faq-answer ul{color:#6b7280;line-height:1.6;margin:.5rem 0;padding-left:1.5rem}.faq-answer strong{color:#374151;font-weight:600}.dark .faq-answer p,.dark .faq-answer ul{color:#9ca3af}.dark .faq-answer strong{color:#d1d5db}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width:1024px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.related-grid{grid-template-columns:1fr;gap:1.5rem}}.related-card{text-decoration:none;color:inherit;text-align:center;padding:2rem 1.5rem;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;display:block}.related-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);text-decoration:none;color:inherit}.dark .related-card{background:rgba(31,41,55,.95);border-color:#374151}.related-icon{font-size:2.5rem;color:#f97316;margin-bottom:1rem}.related-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.75rem}.dark .related-title{color:#fff}.related-description{color:#6b7280;line-height:1.5;margin:0;font-size:.925rem}.dark .related-description{color:#9ca3af}@media (max-width:640px){.calculator-examples-section{padding:1.5rem 1rem}.common-uses-section,.faq-section,.how-to-use-section,.related-calculators-section{padding-left:1rem;padding-right:1rem}.related-card,.step-card,.use-card{padding:1.5rem 1rem}.example-card{padding:1.25rem}}.calculator-page-header{text-align:center;padding:2rem 1.5rem;max-width:1200px;margin:0 auto}.calculator-breadcrumbs{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem}.breadcrumb-link{color:#f97316;text-decoration:none;font-weight:500}.breadcrumb-link:hover{color:#ea580c}.breadcrumb-separator{color:#9ca3af;font-size:.75rem}.breadcrumb-current{color:#6b7280;font-weight:500}.dark .breadcrumb-current{color:#9ca3af}.calculator-page-title{font-size:clamp(2rem, 4vw, 3rem);font-weight:800;color:#111827;margin-bottom:1rem;line-height:1.2;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.dark .calculator-page-title{color:#fff}.calculator-page-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600;flex-shrink:0}.calculator-page-description{font-size:1.125rem;color:#6b7280;max-width:800px;margin:0 auto;line-height:1.6}.dark .calculator-page-description{color:#d1d5db}.calculator-page-content{padding:2rem 1.5rem;max-width:1200px;margin:0 auto}.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media (max-width:1024px){.calculator-layout{grid-template-columns:1fr;gap:2rem}}.info-column{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.dark .info-card{background:rgba(31,41,55,.95);border-color:#374151}.info-card-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:1rem}.dark .info-card-title{color:#fff}.info-card-title i{color:#f97316;font-size:1.125rem}.info-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.info-list li{display:flex;align-items:flex-start;gap:.75rem;color:#6b7280;line-height:1.5}.info-list li::before{content:'•';color:#f97316;font-weight:700;font-size:1.25rem;line-height:1;flex-shrink:0}.dark .info-list li{color:#9ca3af}.formula-text{font-family:Inter,monospace;font-weight:600;color:#ea580c;font-size:1.125rem}.dark .formula-text{color:#fb923c}.formula-explanation{color:#6b7280;line-height:1.5;margin:0}.dark .formula-explanation{color:#9ca3af}.example-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width:640px){.example-grid{grid-template-columns:1fr}}.example-item{background:rgba(249,115,22,.05);border:1px solid rgba(249,115,22,.2);border-radius:.5rem;padding:1rem;font-size:.875rem;line-height:1.4}.dark .example-item{background:rgba(249,115,22,.1);border-color:rgba(249,115,22,.3)}.related-calculators{padding:3rem 1.5rem;max-width:1200px;margin:0 auto}.related-calculators-title{text-align:center;font-size:2rem;font-weight:800;color:#111827;margin-bottom:2rem}.dark .related-calculators-title{color:#fff}.related-calculators-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width:1024px){.related-calculators-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.related-calculators-grid{grid-template-columns:1fr}}.related-calculator-card{display:block;text-decoration:none;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid #e5e7eb;border-radius:1rem;padding:2rem 1.5rem;text-align:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;color:inherit}.related-calculator-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);text-decoration:none;color:inherit}.dark .related-calculator-card{background:rgba(31,41,55,.95);border-color:#374151}.related-calculator-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;font-size:1.25rem;font-weight:600}.related-calculator-card.orange .related-calculator-icon{background:linear-gradient(135deg,#f97316 0,#ea580c 100%)}.related-calculator-card.blue .related-calculator-icon{background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%)}.related-calculator-card.green .related-calculator-icon{background:linear-gradient(135deg,#10b981 0,#059669 100%)}.related-calculator-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.5rem}.dark .related-calculator-title{color:#fff}.related-calculator-description{color:#6b7280;line-height:1.5;margin:0;font-size:.925rem}.dark .related-calculator-description{color:#9ca3af}@media (prefers-reduced-motion:reduce){.feature-bounce{animation:none}.footer-heart{animation:none}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}html{scroll-behavior:auto}}