body {background: #000 !important;}
.login .card.card-body {max-width:480px; padding: 4rem 2rem; margin: 0 auto; background: rgba(255,255,255,.9); backdrop-filter: blur(3px); text-align: center;}
.login .phone-input {background: #fff; color: #000; border-radius: 1rem; padding: 0 1rem; position: relative;  font-size: 20px;}
.login .phone-input button {position: absolute; top:50%; left:1rem; transform: translateY(-50%); background: none; border:none; background: #fff;}
.login .phone-input .form-control {border:none; padding: .5rem .5rem .5rem 2rem; font-size: 20px; letter-spacing: 2px; box-shadow:none;}
.login .sms_code_number {width:3rem; font-size: 20px; padding: .5rem 1rem; border-radius: 1rem; background: #fff;}
/* Chrome, Edge, Safari, Opera */
.login .sms_code_number::-webkit-outer-spin-button,
.login .sms_code_number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
.login .sms_code_number {
    -moz-appearance: textfield;
}
/* Опционально — убрать фокусную обводку на крупных спиннерах в некоторых UA */
.login .sms_code_number:focus {
    outline-offset: 0;
}

.login input[type="number"]::-webkit-outer-spin-button,
.login input[type="number"]::-webkit-inner-spin-button {display: none; -webkit-appearance: none; margin: 0;}