@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}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}.header{border-bottom:1px solid #d1d5db;justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.header-title-first{color:#009400}.header-title-second{color:#8a9400}main{justify-content:center;align-items:center;height:80vh;display:flex}.card{border:1px solid #d1d5db;border-radius:16px;flex-direction:column;gap:20px;width:100%;max-width:600px;padding:32px;transition:transform .2s ease-in-out;display:flex;box-shadow:0 8px 32px #0000001a}.card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.card-title{text-align:center;color:#1f2937;margin-bottom:10px;font-size:1.5rem;font-weight:600}.currency-selects{gap:16px;display:flex}.select-group{flex-direction:column;flex:1;display:flex}.select-group label{color:#374151;margin-bottom:4px;font-weight:500}.select-group select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;padding:12px;font-size:1rem;transition:border-color .2s}.select-group select:focus{border-color:#009400;outline:none;box-shadow:0 0 0 3px #0094001a}.fields-div{gap:16px;display:flex}.input-group,.result-group{flex-direction:column;flex:1;display:flex}.input-group label,.result-group label{color:#374151;margin-bottom:4px;font-weight:500}.fields-div input{border:1px solid #d1d5db;border-radius:8px;padding:12px;font-size:1rem;transition:border-color .2s}.fields-div input:focus{border-color:#009400;outline:none;box-shadow:0 0 0 3px #0094001a}.result{color:#1f2937;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;align-items:center;min-height:44px;padding:12px;font-size:1rem;display:flex}.card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#009400 0%,#007800 100%);border:none;border-radius:8px;align-self:center;min-width:150px;padding:14px 20px;font-size:1rem;font-weight:600;transition:all .3s}.card button:hover:not(:disabled){background:linear-gradient(135deg,#007800 0%,#006400 100%);transform:translateY(-1px);box-shadow:0 4px 12px #0094004d}.card button:disabled{cursor:not-allowed;box-shadow:none;background-color:#a5a5a5;transform:none}.loading-status{align-items:center;gap:8px;display:flex}.spinner{border:2px solid #fff;border-top-color:#ffffff80;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (width<=620px){.currency-selects,.fields-div{flex-direction:column}}