body {
    margin: 0;
    padding: 0;
    background: #e3f0ff;
    font-family: Arial, sans-serif;
}

.currency-converter {
    max-width: 360px;
    margin: 40px auto;
    padding: 20px;
    background: white;
    border-radius: 16px;
    border: 2px solid #b7d4ff;
    box-shadow: 0 4px 18px rgba(0, 70, 150, 0.2);
}

.currency-converter__title {
    text-align: center;
    color: #004a99;
    margin-bottom: 20px;
}

.currency-converter__form {
    display: block;
}

.currency-converter__label {
    display: block;
    margin-bottom: 16px;
    font-weight: bold;
    color: #003366;
}

.currency-converter__input,
.currency-converter__select {
    display: block;
    width: 100%;
    padding: 8px;
    margin-top: 6px;
    border-radius: 8px;
    border: 2px solid #7eb5ff;
    background: #f6faff;
    box-sizing: border-box;
}

.currency-converter__button {
    width: 100%;
    padding: 12px;
    background: #1a73e8;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 1.1rem;
    cursor: pointer;
    margin-top: 10px;
}

.currency-converter__button:hover {
    background: #0b5fd1;
}

.currency-converter__result {
    margin-top: 18px;
    font-weight: bold;
    color: #003366;
    padding: 12px;
    background: #eaf3ff;
    border-left: 4px solid #1a73e8;
    border-radius: 6px;
}