body{font-family:"Inter",sans-serif;background-color:#f9fafb;color:#1f2937;margin:0;padding:0;line-height:1.6;display:flex;flex-direction:column;min-height:100vh;line-height:1.6}header{background-color:#fff;box-shadow:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px 0 rgb(0 0 0 / .06);padding:1rem 0;width:100%;display:flex;justify-content:center}header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0}header h1 a{text-decoration:none;color:inherit}.header-container{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;width:45rem}.language-selector{display:flex;align-items:center;margin:0;justify-content:center;gap:.5rem}.language-selector label{margin-bottom:0;font-weight:400;font-size:.9rem;color:#4a5568}.custom-select-wrapper{position:relative;display:inline-block;user-select:none;width:auto}.custom-select{position:relative;display:flex;flex-direction:column;border:1px solid #cbd5e0;border-radius:.375rem;background-color:#fff}.custom-select__trigger{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;font-size:.9rem;font-weight:400;color:#1f2937;background:#fff;cursor:pointer;border-radius:.375rem}.custom-select__trigger span{display:flex;align-items:center;gap:.5rem}.custom-select__trigger .flag-icon{width:20px;height:15px;vertical-align:middle}.custom-options{position:absolute;display:block;top:87%;left:-1px;right:-1px;border:1px solid #cbd5e0;border-top:0;background:#fff;transition:all 0.2s;opacity:0;visibility:hidden;pointer-events:none;z-index:2;border-radius:0 0 .375rem .375rem;max-height:190px;overflow-y:auto;padding-top:.3rem 0}.custom-select.open .custom-options{opacity:1;visibility:visible;pointer-events:auto}.custom-option{position:relative;display:flex;align-items:center;padding:.5rem .75rem;font-size:.9rem;color:#1f2937;cursor:pointer;transition:all 0.2s;gap:.5rem}.custom-option:hover{cursor:pointer;background-color:#f9fafb}.custom-option.selected{color:#1a1a1a;background-color:#f0f0f0}.custom-option .flag-icon{width:20px;height:15px;vertical-align:middle}.arrow{position:relative;height:10px;width:10px;margin-left:10px}.arrow::before,.arrow::after{content:"";position:absolute;bottom:0;width:.15rem;height:100%;transition:all 0.2s}.arrow::before{left:-3px;transform:rotate(-45deg);background-color:#4a5568}.arrow::after{left:3px;transform:rotate(45deg);background-color:#4a5568}.custom-select.open .arrow::before{left:-3px;transform:rotate(45deg)}.custom-select.open .arrow::after{left:3px;transform:rotate(-45deg)}main{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem}main>div{background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -2px rgb(0 0 0 / .05);width:100%;max-width:45rem;box-sizing:border-box}#categoryTabs{display:flex;overflow-x:auto;border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding:0;justify-content:flex-start;padding-bottom:10px;gap:10px}.tab-button{padding:.75rem .25rem;cursor:pointer;border:none;background:none;border-bottom:3px solid #fff0;transition:border-color 0.2s ease,color 0.2s ease;color:#4a5568;font-size:1rem;margin-bottom:-1px;white-space:nowrap}.tab-button.active{border-bottom-color:#515457;color:#515457;font-weight:700}.tab-button:hover:not(.active){color:#3c3f41;border-bottom-color:#cbd5e0}.intro-text{margin-top:1.5rem;margin-bottom:1.5rem;color:#4a5568;font-size:.95rem;line-height:1.5}.advertising-text{background-color:#ededed;margin-top:1rem;margin-bottom:1rem;color:#4a5568;font-size:.85rem;font-style:italic;line-height:1.5;padding:.6rem;border-radius:.75rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}label{display:block;margin-bottom:.5rem;font-weight:700;color:#4a5568;text-align:left}input[type="number"],select{width:100%;padding:.75rem;border:1px solid #cbd5e0;border-radius:.375rem;box-sizing:border-box;font-size:1rem;appearance:none;background-color:#fff}input[type="number"]:focus,select:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 2px rgb(26 26 26 / .2)}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}.relative{position:relative}select{padding-right:2.5rem;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff}.relative>div{pointer-events:none;position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;padding-left:.75rem;padding-right:.75rem;color:#4a5568}.relative>div>svg{fill:currentColor;height:1rem;width:1rem}.cta-button{width:50%;background-color:#454545;color:#fff;font-weight:700;padding:15px 20px;border:none;border-radius:30px;cursor:pointer;font-size:1.1em;transition:background-color 0.2s ease;margin-top:10px}.cta-button:hover{background-color:#333}.result-card{margin-top:1.5rem;padding:1rem;background-color:#e1d9e9;border-radius:.75rem;text-align:center;border:1px solid #e2e8f0;box-shadow:0 4px 10px rgb(0 0 0 / .05)}.result-card h3{font-size:1.125rem;font-weight:700;color:#1a1a1a;margin-top:0;margin-bottom:.5rem}.result-display{font-size:1.8em;font-weight:700;color:#16a34a;background-color:rgb(255 255 255 / .5);padding:1rem;border-radius:.375rem;min-height:3em;display:flex;align-items:center;justify-content:center;word-break:break-word;margin-bottom:1rem;box-sizing:border-box;margin-bottom:25px;word-wrap:break-word}.result-actions{margin-top:1rem;display:flex;gap:1rem;justify-content:center}.action-button{flex:1;background-color:#1a1a1a;color:#fff;font-weight:700;padding:.5rem 1rem;border:none;border-radius:1.5rem;cursor:pointer;transition:background-color 0.2s ease-in-out;font-size:.9em;max-width:150px}footer{background-color:#272727;color:#a1a1aa;padding:2rem 1rem;text-align:center;margin-top:auto;font-size:.9rem}footer p{margin:0 0 .5rem 0}footer nav a{color:#d4d4d8;text-decoration:none;margin:0 .5rem;transition:text-decoration 0.2s ease}.converter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;padding:1rem;margin:0 auto}.converter-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem 1rem;text-align:center;text-decoration:none;color:#1f2937;box-shadow:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px 0 rgb(0 0 0 / .06);transition:transform 0.2s ease-in-out,box-shadow 0.2s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}.converter-card:hover{transform:translateY(-5px);box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -1px rgb(0 0 0 / .06);color:#1a1a1a}.card-icon{font-size:2.5rem;margin-bottom:.75rem;line-height:1}.converter-card span{font-weight:500;font-size:1rem}body:has(.converter-grid) main{padding-top:2rem;padding-bottom:2rem;align-items:flex-start}body:has(.converter-grid) main>div:not(.converter-grid){background-color:#fff0;padding:0;border-radius:0;box-shadow:none;max-width:none}footer nav a:hover{text-decoration:underline}.action-button:hover{background-color:#333}.text-green-600{color:#16a34a}.text-red-600{color:#dc2626}.related-articles{margin-top:30px;padding:20px;background-color:#f8f9fa;border-radius:5px}.related-articles h3{margin-top:0;color:#2c3e50}.related-articles ul{padding-left:20px}.related-articles li{margin:8px 0}.related-articles a{color:#3498db;text-decoration:none}.related-articles a:hover{text-decoration:underline}