:root {
  color-scheme: dark;
  --bg: #020617;
  --shadow: 0 30px 80px rgba(2, 6, 23, 0.55);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top, rgba(56, 189, 248, 0.16), transparent 28%),
    linear-gradient(180deg, #020617 0%, var(--bg) 100%);
}

.page-shell {
  width: min(1500px, calc(100% - 1.5rem));
  margin: 0 auto;
  padding: 0.75rem 0;
}

.app-preview {
  margin: 0;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: var(--shadow);
}

.app-preview img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 800px) {
  .page-shell {
    width: calc(100% - 0.75rem);
    padding: 0.375rem 0;
  }
}