.currencyConverter{background:#fff;border-radius:16px;padding:40px;margin-bottom:30px}@media(max-width:767px){.currencyConverter{padding:20px;border-radius:12px}}.converterSection{max-width:600px;margin:0 auto}.inputSection{display:flex;flex-direction:column;gap:20px}.inputSection label{font-size:14px;font-weight:500;color:#333;margin-bottom:8px;display:block}.inputSection .currencyInput input{width:100%;padding:12px;font-size:18px;font-weight:600;border:1px solid #e0e0e0;border-radius:8px;outline:none;transition:border-color .3s}.inputSection .currencyInput input:focus{border-color:#0184f3}.inputSection .currencySelect select{width:100%;padding:12px;font-size:16px;border:1px solid #e0e0e0;border-radius:8px;outline:none;cursor:pointer;background:#fff;transition:border-color .3s}.inputSection .currencySelect select:focus{border-color:#0184f3}.inputSection .swapButton{align-self:center;width:50px;height:50px;border:2px solid #0184f3;background:#fff;color:#0184f3;font-size:24px;border-radius:50%;cursor:pointer;transition:all .3s}.inputSection .swapButton:hover{background:#0184f3;color:#fff;transform:rotate(180deg)}.inputSection .convertButton{padding:14px 24px;background:#0184f3;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s}.inputSection .convertButton:hover:not(:disabled){background:#0070d9}.inputSection .convertButton:disabled{opacity:.6;cursor:not-allowed}.errorMessage{margin-top:20px;padding:12px;background:#fff3f3;border:1px solid #fcc;border-radius:8px;color:#d23d50;font-size:14px;text-align:center}.resultSection{margin-top:30px;padding:24px;background:#f8f9fa;border-radius:12px}.resultSection .mainResult{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.resultSection .mainResult .fromAmount{font-size:18px;color:#666;font-weight:500}.resultSection .mainResult .equals{font-size:20px;color:#999}.resultSection .mainResult .toAmount{font-size:28px;color:#0184f3;font-weight:700}.resultSection .rateInfo{padding-top:20px;border-top:1px solid #e0e0e0;text-align:center}.resultSection .rateInfo p{margin:8px 0;font-size:14px;color:#666}.resultSection .rateInfo p.lastUpdated{margin-top:12px;font-size:12px;color:#999}@media(max-width:767px){.resultSection .mainResult .fromAmount{font-size:16px}.resultSection .mainResult .toAmount{font-size:24px}}