/* ========================================================
   Desktop Custom CSS
   This file applies ONLY to screens 768px and larger (md breakpoint)
   ======================================================== */

@media (min-width: 768px) {

    /* Scale up background blob on desktop */
    .blob {
        width: 500px;
        height: 500px;
        filter: blur(90px);
    }

    /* Make Device frame borders thicker for larger screens */
    .device-frame {
        border-width: 8px;
        border-radius: 2rem;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
    }

    .dark .device-frame {
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    }
}