/* modern-welcome.css */

.ext-welcome {
    background: #f3f4f6; /* Use a light gray background from Tailwind's palette */
}

.ext-welcome__container {
    background: white;
    border-radius: 0.5rem; /* 8px */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    padding: 2rem; /* 32px */
    margin-bottom: 3rem; /* 48px */
}

.ext-welcome__title h1 {
    color: #1f2937; /* gray-800 */
}

.ext-welcome__title p {
    color: #4b5563; /* gray-600 */
}

.ext-welcome__step h2 {
    color: #1f2937; /* gray-800 */
}

.ext-welcome__step p {
    color: #4b5563; /* gray-600 */
}

.ext-welcome__image {
    border-radius: 0.5rem; /* 8px */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}