@import "../../../shared/styles/fonts.css";
@import "tailwindcss";
@import "../../../shared/styles/theme.css";
@source "../../";

/* 落地页专用装饰：光晕、网格与卡片动效，颜色全部取共享 token。 */
.landing-aurora {
  background: radial-gradient(
    55% 45% at 50% 0%,
    color-mix(in oklab, var(--auth-accent) 16%, transparent) 0%,
    transparent 72%
  );
}

.landing-grid {
  background-image:
    linear-gradient(to right, var(--auth-line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--auth-line) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse 70% 55% at 50% 0%, #000 35%, transparent 78%);
  opacity: 0.55;
}

.landing-card {
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background-color 0.2s ease;
}

.landing-card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in oklab, var(--auth-accent) 40%, var(--auth-line));
}

@media (prefers-reduced-motion: reduce) {
  .landing-card,
  .landing-card:hover {
    transition: none;
    transform: none;
  }
}