/* Hide mobile page on desktop */
.mobile-view{
    display:none;
}

@media screen and (max-width:1024px){

    html,
    body{
        margin:0;
        padding:0;
        background:#0f172a;
        font-family:Inter,Arial,sans-serif;
        overflow:hidden;
    }

    /* Hide desktop application */
    .sidebar,
    .topbar,
    .main,
    .app-footer,
    .copy-feedback{
        display:none !important;
    }

    .mobile-view{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        min-height:100vh;
        padding:35px;
        text-align:center;
        color:#fff;
    }

    .mobile-logo{
        width:95px;
        margin-bottom:25px;
    }

    .mobile-view h1{
        margin:0;
        font-size:34px;
        font-weight:700;
    }

    .mobile-subtitle{
        margin-top:15px;
        max-width:320px;
        color:#cbd5e1;
        line-height:1.7;
        font-size:17px;
    }

    .mobile-section-title{
        margin-top:35px;
        margin-bottom:20px;
        font-size:18px;
        font-weight:600;
    }

    .mobile-features{
        text-align:left;
        font-size:16px;
        line-height:2.1;
    }

    .mobile-divider{
        width:220px;
        border-top:1px solid #334155;
        margin:35px 0;
    }

    .mobile-note{
        color:#94a3b8;
        line-height:1.7;
        font-size:15px;
        margin-bottom:20px;
    }

    .mobile-link{
        text-decoration:none;
        color:#60a5fa;
        font-size:18px;
        font-weight:600;
    }

    .mobile-link:hover{
        color:#93c5fd;
    }

}