.auth-container {
            max-width: 800px;
            margin: 50px auto;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        }

        .form-section {
            padding: 2rem;
        }

        .image-section {
            background-size: cover;
            background-position: center;
            min-height: 450px;
        }

        .input-box ,
        .form-select {
            width: 100%;
            border-radius: 8px;
            padding: 0.75rem 1rem;
            border: 1px solid #ddd;
            margin-bottom: 1rem;
        }

        .input-box :focus,
        .form-select:focus {
            border-color: #1d428a;
            box-shadow: 0 0 0 0.2rem rgba(29, 66, 138, 0.25);
        }

        .btn-success {
            background-color: #1d428a;
            border-color: #1d428a;
            border-radius: 8px;
            padding: 0.75rem;
            font-weight: 600;
        }

        .btn-success:hover {
            background-color: #163570;
            border-color: #163570;
        }

        .btn-secondary {
            background-color: #6c757d;
            border-color: #6c757d;
            border-radius: 8px;
            padding: 0.75rem;
            font-weight: 600;
        }

        .btn-secondary:hover {
            background-color: #5a6268;
            border-color: #5a6268;
        }

        .toggle-btn a {
            color: #1d428a;
            text-decoration: none;
            font-weight: 600;
        }

        .toggle-btn a:hover {
            text-decoration: underline;
        }

        .password-checklist {
            border-radius: 8px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            z-index: 1000;
        }

        .list-item.checked {
            text-decoration: line-through;
            opacity: 0.6;
        }

        .alert {
            border-radius: 8px;
        }

        .resend-link {
            color: #1d428a;
            cursor: pointer;
            text-decoration: none;
            font-weight: 600;
        }

        .resend-link:hover {
            text-decoration: underline;
        }

        .resend-link.disabled {
            color: #6c757d;
            cursor: not-allowed;
            text-decoration: none;
        }

        @media (max-width: 992px) {
            .auth-container {
                max-width: 95% !important;
                margin: 20px auto;
            }
        }