body {
    background: linear-gradient(to right, #f3f3f3, #e6e6e6);
    font-family: 'Segoe UI', sans-serif;
}

.logo-img {
    width: 180px;
}

.form-box {
    width: 100%;
    max-width: 420px;
    border-radius: 12px;
    background: #fff;
    transition: 0.3s;
}

.form-box:hover {
    transform: translateY(-5px);
}

.btn-warning {
    background-color: #f0c14b;
    border: none;
}

.btn-warning:hover {
    background-color: #ddb347;
}

.toggle-password,
.toggle-confirm {
    position: absolute;
    right: 15px;
    top: 38px;
    cursor: pointer;
}

.strength {
    height: 6px;
    border-radius: 5px;
    transition: 0.3s;
}