*{box-sizing:border-box;margin:0;padding:0}body{background-color:#d6d2d2;background-image:radial-gradient(#94a3b8 1px,#0000 1px);background-size:16px 16px;justify-content:center;align-items:center;min-height:100vh;display:flex}#root{width:100%}.currency-converter{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fff;border-radius:14px;max-width:410px;margin:0 auto;padding:40px 30px 50px}.currency-converter .converter-title{color:#1e3a8a;text-align:center;font-size:1.6rem;font-weight:600}.currency-converter .converter-form{margin-top:45px}.converter-form .form-group{flex-direction:column;margin-bottom:30px;display:flex}.converter-form .form-group .form-label{color:#1e3a8a;margin-bottom:9px;font-size:1rem;font-weight:500;display:block}.converter-form .form-group .form-input{color:#1e293b;background:#fff;border:1px solid #fff;border-radius:6px;outline:none;min-height:48px;padding:0 15px;font-size:1.1rem;font-weight:500}.converter-form .form-currency-group{flex-direction:row;justify-content:space-between;align-items:center}.form-currency-group .country-select{background:#fff;border:1px solid #fff;border-radius:6px;align-items:center;min-height:45px;padding:0 10px;display:flex}.form-currency-group .currency-select img{width:25px}.form-currency-group .currency-select .currency-dropdown{color:#1e293b;background:0 0;border:none;outline:none;padding:0 10px 0 5px;font-size:1rem;font-weight:500}.form-currency-group .currency-select .currency-dropdown option{color:#000;font-weight:500}.form-currency-group .swap-icon{background:#5372f0;border:1px solid #5372f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-top:25px;transition:all .2s;display:flex}.form-currency-group .swap-icon:hover{background:#3f3fd9}.form-currency-group .swap-icon img{width:16px}.converter-form .submit-button{cursor:pointer;border:none;border-radius:8px;outline:none;width:100%;min-height:52px;font-size:1rem;font-weight:600;transition:all .2s}.converter-form .submit-button.loading{opacity:.8;pointer-events:none}.converter-form .submit-button:hover{background:#7e94a3}.converter-form .exchange-rate-result{color:#1e3a8a;text-align:center;letter-spacing:.5px;background:#fff;border-radius:6px;margin-top:30px;padding:25px 0;font-size:1.1rem;font-weight:500}.converter-form .insight-button{color:#5372f0;cursor:pointer;background:0 0;border:1px solid #5372f0;border-radius:8px;width:100%;margin-top:20px;padding:12px}.converter-form .insight-result{color:#1e293b;margin-top:15px;font-size:.95rem;line-height:1.5}.insight-panel{background:#fff;border:1px solid #c7d2fe;border-radius:10px;max-width:640px;margin:20px auto 0;padding:20px 24px}.insight-panel p{color:#1e293b;text-align:left;margin:0;font-size:1rem;line-height:1.6}