* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --accent: #4a8bff;
  --text: #0b1b2e;
  --muted: rgba(11, 27, 46, 0.65);
  --panel: rgba(255, 255, 255, 0.9);
  --border: rgba(255, 255, 255, 0.7);
}

body {
  min-height: 100vh;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: linear-gradient(120deg, #7fb6ff, #b7a9ff, #ffb4d9, #ffe7a1, #a7f0ff);
  background-size: 300% 300%;
  animation: sky-shift 16s ease-in-out infinite;
  color: var(--text);
}

.auth-page,
.app-page {
  position: relative;
  overflow: hidden;
}

.center {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
}

.auth-page .center {
  align-items: flex-start;
  padding-top: 200px;
  padding-bottom: 140px;
}

.bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.wave-layer {
  display: none;
}

@keyframes sky-shift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}