.converter{width:100%}.converter h1{font-size:20px;margin-bottom:16px;text-align:center;font-weight:700}.currency-selector{display:flex;justify-content:center;margin-bottom:16px}.currency-selector button{background:#f7f8fc;border:1px solid #d1d5db;padding:8px 16px;border-radius:8px;margin:0 4px;cursor:pointer;display:flex;align-items:center;font-weight:500;transition:.3s;min-width:120px;justify-content:space-between}.currency-selector button.active{background:#eef2ff;border-color:#6366f1;color:#6366f1}.currency-selector img{width:20px;height:14px;margin-right:8px}.exchange{display:flex;justify-content:center;align-items:center;margin:16px 0}.exchange button{background:#eef2ff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-weight:500;transition:.3s}.exchange button:hover{background:#d1d5db}.input-container{margin-bottom:16px}.input-container label{font-weight:500;display:block;margin-bottom:8px}.input-container input{width:100%;padding:8px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;box-sizing:border-box}.summary{font-size:14px;color:#6b7280;margin-bottom:16px;display:grid;grid-template-columns:60% auto}.align-text-right{text-align:right}.convert-button{background:#6366f1;color:#fff;padding:12px;border:none;border-radius:8px;font-size:16px;cursor:pointer;width:100%;font-weight:600;transition:.3s;text-align:center}.convert-button:hover{background:#4f46e5}.terms{font-size:12px;color:#9ca3af;text-align:center;margin-top:1rem}.terms a{color:#6366f1;text-decoration:none}#amount{padding:5px 12px}.error-input{border:1px solid red!important}.error-message{color:red;font-size:14px;margin-top:.2rem}