/* CSS Custom Properties for Font Sizes */
:root {
    --font-size-s: 14px;
    --font-size-m: 16px;
    --font-size-xl: 22px;
    --font-size-xxl: 24px;
}
/* Font-Size Utility Klassen */
.text-s {
    font-size: var(--font-size-s);
}
.text-m {
    font-size: var(--font-size-m);
}
.text-xl {
    font-size: var(--font-size-xl);
}
.text-xxl {
    font-size: var(--font-size-xxl);
}

.bg-white {
    background-color: var(--white);
}

.p-8 {
    padding: var(--space-xxl);
}

.rounded {
    border-radius: 2px;
}




.font-bold {
    font-weight: 700;
}

.mb-6 {
    margin-bottom: var(--space-xl);
}



.font-semibold {
    font-weight: 600;
}

.mb-2 {
    margin-bottom: var(--space-sm);
}

/* Account Information Section */
.mb-6 p {
    margin-bottom: var(--space-sm);
    color: var(--text);
    line-height: 1.5;
}

.mb-6 p strong {
    color: var(--text);
    font-weight: 600;
    margin-right: var(--space-xs);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .p-8 {
        padding: var(--space-lg);
    }
    
    .text-2xl {
        font-size: var(--font-size-xxl);
    }
    
    .text-xl {
        font-size: var(--font-size-xl);
    }
}

/* Verification status styling */
.mb-6 p:last-child {
    display: flex;
    align-items: center;
}

.mb-6 p:last-child::before {
    content: "";
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 2px;
    margin-right: var(--space-xs);

}