.aszf-main {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.aszf-panel {
  display: flex;
  justify-content: center;
}

.aszf-container {
  max-width: 800px;
  width: 100%;
  padding: var(--space-4);
  background: var(--bg-glass);
  backdrop-filter: blur(var(--blur));
  border: 1px solid var(--border-glass);
  border-radius: var(--radius-sm);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.aszf-container h1,
.aszf-container h2 {
  color: var(--text-primary);
}

.aszf-container p {
  max-width: 70ch;
}

@media (max-width: 768px) {
  .aszf-container {
    padding: var(--space-3);
  }
}

@media (max-width: 480px) {
  .aszf-main {
    gap: var(--space-3);
  }

  .aszf-container {
    padding: var(--space-2);
  }
}