:root,
[data-bs-theme=light] {
    --bs-primary: #17324d;
    --bs-primary-rgb: 23, 50, 77;
    --bs-primary-text-emphasis: #0f2235;
    --bs-primary-bg-subtle: #dbe7f1;
    --bs-primary-border-subtle: #afc4d6;

    --bs-secondary: #4f7c84;
    --bs-secondary-rgb: 79, 124, 132;
    --bs-secondary-text-emphasis: #28484d;
    --bs-secondary-bg-subtle: #dcebed;
    --bs-secondary-border-subtle: #b8d1d5;

    --bs-link-color: #17324d;
    --bs-link-color-rgb: 23, 50, 77;
    --bs-link-hover-color: #0f2235;
    --bs-link-hover-color-rgb: 15, 34, 53;
    --bs-focus-ring-color: rgba(79, 124, 132, 0.22);
}

body.vh-100 {
    background:
        radial-gradient(circle at top left, rgba(79, 124, 132, 0.16), transparent 24%),
        radial-gradient(circle at bottom right, rgba(23, 50, 77, 0.14), transparent 20%),
        linear-gradient(135deg, #f5f7fa 0%, #e8eef3 100%);
    color: #536274;
}

.authincation {
    position: relative;
}

.authincation::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, rgba(23, 50, 77, 0.82), rgba(20, 38, 58, 0.92));
    clip-path: polygon(0 0, 42% 0, 58% 100%, 0 100%);
    z-index: 0;
}

.authincation .container,
.authincation .row,
.authincation .col-md-6,
.authincation .col-lg-5 {
    position: relative;
    z-index: 1;
}

.authincation .card {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.62);
    border-radius: 1.75rem;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 1.5rem 4rem rgba(18, 35, 53, 0.14);
    backdrop-filter: blur(18px);
}

.authincation .card-body {
    padding: 3rem !important;
}

.ege-brand-logo {
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.ege-brand-logo img {
    filter: drop-shadow(0 2px 6px rgba(23, 50, 77, 0.18));
}

.authincation h4 {
    color: #17324d;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.authincation .text-muted {
    color: #728194 !important;
}

.authincation .form-label,
.authincation .form-check-label {
    color: #29415a;
}

.authincation .form-control {
    min-height: 3.5rem;
    border-color: #d7e1ea;
    background: rgba(250, 252, 253, 0.95);
    color: #17324d;
}

.authincation .form-control:focus {
    border-color: #4f7c84;
    box-shadow: 0 0 0 0.25rem rgba(79, 124, 132, 0.16);
}

.authincation .form-control::placeholder {
    color: #95a2b1;
}

.authincation .show-pass {
    color: #4f7c84;
}

.authincation .btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #17324d;
    --bs-btn-border-color: #17324d;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #122940;
    --bs-btn-hover-border-color: #122940;
    --bs-btn-focus-shadow-rgb: 23, 50, 77;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #102235;
    --bs-btn-active-border-color: #102235;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #17324d;
    --bs-btn-disabled-border-color: #17324d;
    border-radius: 1rem;
    box-shadow: 0 1rem 2rem rgba(23, 50, 77, 0.16);
}

.authincation .btn-primary:hover,
.authincation .btn-primary:focus {
    transform: translateY(-1px);
}

.authincation .form-check-input:checked {
    background-color: #4f7c84;
    border-color: #4f7c84;
}

.authincation .alert-danger.solid {
    background: #fff1f0;
    border-color: #f6c8c2;
    color: #9d3f36;
}

.authincation .alert-success.solid {
    background: #edf7f4;
    border-color: #cde2dd;
    color: #285d55;
}

@media (max-width: 991.98px) {
    .authincation::before {
        clip-path: polygon(0 0, 100% 0, 100% 28%, 0 42%);
    }
}

@media (max-width: 575.98px) {
    .authincation .card-body {
        padding: 2rem !important;
    }

    .ege-brand-logo {
        padding: 0;
    }
}