:root{--color-primary:#1a5f2a;--color-primary-dark:#144821;--color-primary-light:#2d8b42;--color-secondary:#f5c518;--color-secondary-dark:#d4a70e;--color-secondary-light:#ffe066;--color-accent:#1e6091;--color-accent-dark:#174a6e;--color-accent-light:#2a7ab5;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-black:#000;--color-success:#16a34a;--color-warning:#ca8a04;--color-error:#dc2626;--color-info:#0284c7;--color-success-bg:#e8f4ea;--color-warning-bg:#fef9e7;--color-error-bg:#fef2f2;--color-info-bg:#e0f2fe;--fuel-benzine:#22c55e;--fuel-diesel:#eab308;--fuel-lpg:#3b82f6;--font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-mono:ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-base:1.5;--line-height-relaxed:1.75;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--max-width:1200px;--max-width-content:800px;--max-width-card:600px;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px}body{min-height:100vh;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-gray-800);background-color:var(--color-gray-50);flex-direction:column;margin:0;display:flex}main{width:100%;max-width:var(--max-width);padding:var(--spacing-lg);flex:1;margin:0 auto}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-gray-900)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin:0 0 var(--spacing-md)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark);text-decoration:underline}img{max-width:100%;height:auto}.site-header{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-md) var(--spacing-lg)}.site-header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin:0 auto;display:flex}.site-logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-white);text-decoration:none}.site-logo:hover{color:var(--color-secondary-light);text-decoration:none}.site-nav{gap:var(--spacing-sm) var(--spacing-md);flex-wrap:wrap;display:flex}.site-nav a{color:var(--color-gray-100);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast)}.site-nav a:hover,.site-nav a[aria-current=page]{background-color:var(--color-primary-dark);color:var(--color-white);text-decoration:none}.site-menu-toggle{padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:0;justify-content:center;align-items:center;display:none}.site-menu-toggle:hover{background-color:var(--color-primary-dark)}@media (width<=844px){.site-nav{display:none}.site-menu-toggle{display:flex}}.mobile-menu{--mobile-menu-duration:.22s;--mobile-menu-easing:cubic-bezier(.32, .72, 0, 1);--mobile-menu-width:min(20rem, 85vw);width:var(--mobile-menu-width);max-width:var(--mobile-menu-width);background-color:var(--color-white);height:100dvh;max-height:100dvh;color:var(--color-gray-800);transition:transform var(--mobile-menu-duration) var(--mobile-menu-easing);border:0;margin:0;padding:0;position:fixed;inset:0 0 0 auto;overflow:hidden;transform:translate(100%)}@media (width>=845px){.mobile-menu{display:none}}.mobile-menu[open][data-state=open]{transform:translate(0)}@starting-style{.mobile-menu[open][data-state=open]{transform:translate(100%)}}.mobile-menu::backdrop{transition:background-color var(--mobile-menu-duration) var(--mobile-menu-easing);background-color:#0000}.mobile-menu[open][data-state=open]::backdrop{background-color:#00000080}@starting-style{.mobile-menu[open][data-state=open]::backdrop{background-color:#0000}}@media (prefers-reduced-motion:reduce){.mobile-menu{--mobile-menu-duration:1ms}}.mobile-menu-inner{flex-direction:column;height:100%;display:flex;overflow-y:auto}.mobile-menu-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-gray-200);justify-content:flex-end;display:flex}.mobile-menu-close{padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-gray-600);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:0;display:flex}.mobile-menu-close:hover{background-color:var(--color-gray-100)}.mobile-menu-nav{padding:var(--spacing-sm);flex:1;margin:0;list-style:none}.mobile-menu-nav a{padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-gray-800);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);display:block}.mobile-menu-nav a:hover{background-color:var(--color-gray-100);text-decoration:none}.mobile-menu-nav a[aria-current=page]{background-color:var(--color-primary);color:var(--color-white)}.site-footer{background-color:var(--color-gray-800);color:var(--color-gray-300);padding:var(--spacing-xl) var(--spacing-lg);margin-top:auto}.site-footer-inner{max-width:var(--max-width);text-align:center;margin:0 auto}.site-footer-nav{justify-content:center;gap:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.site-footer-nav a{color:var(--color-gray-300);font-size:var(--font-size-sm);text-decoration:none}.site-footer-nav a:hover,.site-footer-nav a:focus-visible{color:var(--color-white);text-decoration:underline}.site-footer p{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm)}.site-footer-disclaimer{font-size:var(--font-size-xs);color:var(--color-gray-400);font-style:italic}.calculator-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);max-width:var(--max-width-card);margin:0 auto var(--spacing-xl)}.calculator-card h1,.calculator-card h2{text-align:center;color:var(--color-primary);margin-bottom:var(--spacing-lg)}.calculator-description{text-align:center;color:var(--color-gray-600);margin-bottom:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);color:var(--color-gray-700);display:block}.form-input,.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-white);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-family:inherit}.form-input:focus,.form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1a5f2a26}.form-input::placeholder{color:var(--color-gray-400)}.form-input-group{gap:var(--spacing-sm);display:flex}.form-input-group .form-input{flex:1}.form-suffix{padding:0 var(--spacing-md);background-color:var(--color-gray-100);border:2px solid var(--color-gray-300);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-gray-600);font-size:var(--font-size-sm);border-left:none;align-items:center;display:flex}.form-input-group .form-input:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:inherit;line-height:var(--line-height-base);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);border:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-gray-900)}.btn-secondary:hover{background-color:var(--color-secondary-dark)}.btn-block{width:100%}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.result-box{background-color:var(--color-gray-50);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-xl);text-align:center}.result-label{font-size:var(--font-size-sm);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.result-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1}.result-unit{font-size:var(--font-size-lg);color:var(--color-gray-600);margin-left:var(--spacing-xs)}.result-details{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200);font-size:var(--font-size-sm);color:var(--color-gray-600)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){html{font-size:15px}main{padding:var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.calculator-card{padding:var(--spacing-lg)}.result-value{font-size:var(--font-size-3xl)}}@media (width<=480px){html{font-size:14px}.form-input-group{flex-direction:column}.form-input-group .form-input:first-child{border-radius:var(--radius-md)}.form-suffix{border-left:2px solid var(--color-gray-300);border-radius:var(--radius-md);justify-content:center}}