: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: #ffffff;--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: #000000;--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 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;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)}main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--spacing-lg)}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);text-decoration:none;transition:color var(--transition-fast)}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);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.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{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md)}.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{display:none;align-items:center;justify-content:center;padding:var(--spacing-sm);border:0;border-radius:var(--radius-sm);background:none;color:var(--color-white);cursor:pointer;transition:background-color var(--transition-fast)}.site-menu-toggle:hover{background-color:var(--color-primary-dark)}@media(max-width:1080px){.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);position:fixed;inset:0 0 0 auto;width:var(--mobile-menu-width);max-width:var(--mobile-menu-width);height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background-color:var(--color-white);color:var(--color-gray-800);overflow:hidden;transform:translate(100%);transition:transform var(--mobile-menu-duration) var(--mobile-menu-easing)}@media(min-width:1081px){.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{background-color:#0000;transition:background-color var(--mobile-menu-duration) var(--mobile-menu-easing)}.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{display:flex;flex-direction:column;height:100%;overflow-y:auto}.mobile-menu-header{display:flex;justify-content:flex-end;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.mobile-menu-close{display:flex;padding:var(--spacing-sm);border:0;border-radius:var(--radius-sm);background:none;color:var(--color-gray-600);cursor:pointer;transition:background-color var(--transition-fast)}.mobile-menu-close:hover{background-color:var(--color-gray-100)}.mobile-menu-nav{flex:1;margin:0;padding:var(--spacing-sm);list-style:none}.mobile-menu-nav a{display:block;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)}.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);margin:0 auto;text-align:center}.site-footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-lg)}.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{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);color:var(--color-gray-700)}.form-input,.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;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)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a5f2a26}.form-input::placeholder{color:var(--color-gray-400)}.form-input-group{display:flex;gap:var(--spacing-sm)}.form-input-group .form-input{flex:1}.form-suffix{display:flex;align-items:center;padding:0 var(--spacing-md);background-color:var(--color-gray-100);border:2px solid var(--color-gray-300);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-gray-600);font-size:var(--font-size-sm)}.form-input-group .form-input:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn{display:inline-flex;align-items:center;justify-content: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:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.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{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-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(max-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}}