.app-opening {
  min-height: 70vh;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 18px;
  background: #f8f8f2;
  color: #284e43;
  text-align: center;
}
.app-opening-mark {
  width: 86px;
  height: 86px;
  border-radius: 26px;
  animation: open-pulse 1.8s ease-in-out infinite;
}
.app-opening-word { font: 37px Georgia, serif; letter-spacing: -.055em; }
.app-opening p { font: 14px Arial, sans-serif; margin: 0; }
@keyframes open-pulse { 50% { transform: translateY(-7px); } }
@media (prefers-reduced-motion: reduce) { .app-opening-mark { animation: none; } }
