.registration-public-main {
    padding-top: 2.75rem;
    padding-bottom: 3rem;
}

.registration-card {
    background: rgba(255, 255, 255, .96);
    border: 1px solid #e4e8ef;
    border-radius: 1rem;
    box-shadow: 0 1rem 2.5rem rgba(31, 46, 76, .08);
    overflow: hidden;
}

.registration-card .card-header {
    padding: 1.1rem 1.35rem;
    background: linear-gradient(180deg, #ffffff, #fbfcff);
    border-bottom: 1px solid #e7ebf1;
    font-weight: 700;
    color: #202c42;
}

.registration-card .card-body {
    padding: 1.35rem;
}

.registration-intro {
    background: linear-gradient(180deg, #fbfcfe, #f8fafc);
    border: 1px solid #e3e8ef;
    border-radius: .8rem;
    padding: 1rem 1.1rem;
    color: #4d596c;
}

.registration-tabs {
    gap: .35rem;
    border-bottom: 1px solid #e7ebf2;
}

.registration-tabs .nav-link {
    border: 0;
    color: #66758a;
    border-radius: .7rem .7rem 0 0;
    padding: .75rem 1rem;
    font-weight: 500;
    background: transparent;
}

.registration-tabs .nav-link:hover,
.registration-tabs .nav-link:focus {
    color: #0d6efd;
    background: #f7f9fc;
}

.registration-tabs .nav-link.active {
    color: #0d6efd;
    background: #eef4ff;
    font-weight: 600;
}

.registration-form-title {
    color: #202c42;
}

.registration-card .form-control,
.registration-card .form-select {
    min-height: 44px;
    border-radius: .65rem;
    border-color: #dce2ea;
}

.registration-card .form-control:focus,
.registration-card .form-select:focus {
    border-color: #7cabf8;
    box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .08);
}

.registration-card .form-label {
    font-weight: 600;
    color: #354158;
}

.registration-actions {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    margin-top: 1.6rem;
}

@media (max-width: 767.98px) {
    .registration-public-main {
        padding-top: 1.6rem;
        padding-bottom: 1.85rem;
    }

    .registration-card .card-header,
    .registration-card .card-body {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (max-width: 575.98px) {
    .registration-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .registration-tabs .nav-link {
        white-space: nowrap;
    }

    .registration-actions {
        flex-direction: column-reverse;
    }

    .registration-actions .btn {
        width: 100%;
    }
}