/* ============================================================
   Home Office OS — App Preview Video Component
   Glassmorphic container with glow effect
   ============================================================ */

.app-preview-video {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: var(--space-2xl) auto;
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow:
    0 0 40px rgba(59, 130, 246, 0.15),
    0 0 80px rgba(245, 158, 11, 0.08),
    0 20px 60px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.app-preview-video video {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
}

@media (max-width: 768px) {
  .app-preview-video {
    border-radius: var(--radius-lg);
  }

  .app-preview-video video {
    border-radius: var(--radius-lg);
  }
}