:root {
    --otaor-auth-accent: #d93673;
    --otaor-auth-hover: #c52d65;
    --otaor-auth-soft: rgba(217, 54, 115, .1);
    --otaor-auth-gradient: linear-gradient(135deg, #f03a9a 0%, #ff6070 52%, #ff9d45 100%);
}

.auth-wrapper {
    background: rgba(255, 250, 249, .82);
}

.auth-wrapper::before,
.auth-wrapper::after {
    display: none;
}

.auth-card {
    color: #424245;
    background: rgba(255, 255, 255, .92);
    border-color: rgba(217, 54, 115, .12);
    box-shadow: 0 18px 52px rgba(147, 30, 73, .14);
}

.auth-subtitle,
.form-check {
    color: #6e6e73;
}

.brand-icon {
    width: auto;
    height: 76px;
    object-fit: contain;
    border-radius: 0;
    box-shadow: none;
}

.brand-icon:hover {
    box-shadow: none;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    color: #1d1d1f;
    background: #fffaf9;
    border-color: rgba(0, 0, 0, .12);
}

.form-floating > label {
    color: #6e6e73;
}

.form-control:focus {
    color: #1d1d1f;
    background: #fff;
    border-color: var(--otaor-auth-accent);
    box-shadow: 0 0 0 .25rem var(--otaor-auth-soft);
}

.btn-gradient,
.btn-outline-primary {
    --bs-btn-color: #fff;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-border-color: transparent;
    color: #fff;
    background: var(--otaor-auth-gradient);
    border-color: transparent;
    box-shadow: 0 8px 22px rgba(217, 54, 115, .24);
}

.btn-gradient:hover,
.btn-outline-primary:hover {
    color: #fff;
    box-shadow: 0 12px 28px rgba(217, 54, 115, .3);
}

.text-link,
.text-link:hover,
.form-check label:hover {
    color: var(--otaor-auth-accent);
}

.form-check input[type="checkbox"] {
    border-color: rgba(217, 54, 115, .42);
}

.form-check input[type="checkbox"]:hover {
    border-color: var(--otaor-auth-accent);
    box-shadow: 0 2px 8px rgba(217, 54, 115, .2);
}

.form-check input[type="checkbox"]:checked {
    background: var(--otaor-auth-gradient);
    border-color: var(--otaor-auth-accent);
    box-shadow: 0 2px 8px rgba(217, 54, 115, .28);
}

.image-code,
.prompt-image-code {
    border-color: rgba(217, 54, 115, .25);
}