.mobile-gate { display: none; }
@media (max-width: 900px) {
  .mobile-gate {
    display: flex !important;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 9999;
    background: #0e0e0e;
    align-items: center;
    justify-content: center;
    padding: 32px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  }
  .mobile-gate-content { text-align: center; max-width: 400px; }
  .mobile-gate-content h1 { font-size: 28px; color: #fff; margin-bottom: 20px; font-weight: 700; }
  .mobile-gate-content p { font-size: 16px; color: #999; line-height: 1.6; margin-bottom: 12px; }
  .mobile-gate-content b { color: #8ab4f8; }
  .app { display: none !important; }
}