/* Mobile Base Styles */

/* Mobile-optimized spacing utility classes */
@media (max-width: 768px) {
    .mobile-compact {
        margin: 8px 0;
        padding: 8px;
    }

    .mobile-spacing-small {
        margin: 4px 0;
        padding: 4px;
    }

    .mobile-spacing-medium {
        margin: 12px 0;
        padding: 12px;
    }

    /* Improve fixed elements on mobile */
    .landing-white .logo-section-right {
        height: 12vh;
        padding-right: 16px;
    }

    .landing-white .main-content-right {
        top: 12%;
        height: 52%;
        padding-left: 16px;
    }

    .landing-white .bottom-text {
        height: 16%;
        padding: 16px;
    }
}