/* static/css/aurora.css — src/components/layout/AuroraBackground.tsx 1:1 포팅 */

.aurora-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background: linear-gradient(148deg, #fafcff 0%, #f3f0ff 46%, #ede9fe 78%, #e2dbfd 100%);
}

.aurora-blob { position: absolute; border-radius: 50%; will-change: transform; }

.aurora-blob-1 {
  top: -20%; right: -18%; width: 62vw; height: 62vw;
  background: radial-gradient(circle, rgba(167,139,250,0.32) 0%, rgba(196,181,253,0.14) 50%, transparent 72%);
  filter: blur(46px);
  animation: aurora-drift-1 26s ease-in-out infinite;
}

.aurora-blob-2 {
  bottom: -16%; left: -18%; width: 58vw; height: 58vw;
  background: radial-gradient(circle, rgba(196,181,253,0.30) 0%, rgba(237,233,254,0.14) 50%, transparent 72%);
  filter: blur(44px);
  animation: aurora-drift-2 31s ease-in-out infinite;
}

.aurora-blob-3 {
  top: 36%; left: 30%; width: 46vw; height: 46vw;
  background: radial-gradient(circle, rgba(221,214,254,0.24) 0%, rgba(245,243,255,0.12) 50%, transparent 72%);
  filter: blur(48px);
  animation: aurora-drift-3 23s ease-in-out infinite;
}