.k12-gold-feature-card {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  border: 2px solid rgba(255, 226, 121, 0.92) !important;
  border-radius: 18px !important;
  color: #3b2708 !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 250, 193, 0.96), transparent 28%),
    radial-gradient(circle at 64% 66%, rgba(255, 236, 136, 0.88), transparent 24%),
    linear-gradient(145deg, rgba(255, 239, 147, 0.98), rgba(238, 194, 82, 0.94) 48%, rgba(181, 125, 31, 0.9)),
    repeating-linear-gradient(98deg, rgba(255, 255, 255, 0.24) 0 1px, transparent 1px 8px) !important;
  box-shadow:
    0 18px 42px rgba(92, 61, 12, 0.24),
    0 0 0 1px rgba(255, 246, 185, 0.64),
    inset 0 1px 0 rgba(255, 255, 224, 0.9),
    inset 0 -12px 26px rgba(119, 77, 12, 0.08) !important;
}

.k12-gold-feature-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  padding: 3px;
  border-radius: inherit;
  background: conic-gradient(from var(--k12-gold-angle), #fff7b4 0deg, #ffcf3d 58deg, #8e5b0c 116deg, #ffffff 174deg, #f0a91e 236deg, #fff7b4 360deg);
  filter: saturate(1.2);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: k12GoldBorder 3.6s linear infinite;
}

.k12-gold-feature-card::after {
  content: "";
  position: absolute;
  inset: -45%;
  z-index: -1;
  opacity: 0.7;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 35%, rgba(255, 255, 230, 0.82) 46%, rgba(255, 221, 90, 0.42) 50%, transparent 60%),
    radial-gradient(circle at 16% 0%, rgba(255, 247, 184, 0.5), transparent 30%);
  transform: translateX(-40%) rotate(8deg);
  animation: k12GoldSweep 5.4s linear infinite;
}

.k12-gold-feature-card * {
  position: relative;
  z-index: 1;
}

.k12-gold-feature-card,
.k12-gold-feature-card h1,
.k12-gold-feature-card h2,
.k12-gold-feature-card h3,
.k12-gold-feature-card p,
.k12-gold-feature-card span,
.k12-gold-feature-card div {
  font-family: "Inter", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif !important;
}

.k12-gold-feature-card h1,
.k12-gold-feature-card h2,
.k12-gold-feature-card h3,
.k12-gold-feature-card .font-semibold,
.k12-gold-feature-card .font-bold {
  color: #3f2907 !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  text-shadow: 0 1px 0 rgba(255, 251, 211, 0.82), 0 2px 8px rgba(87, 52, 4, 0.16);
}

.k12-gold-feature-card h1,
.k12-gold-feature-card h2,
.k12-gold-feature-card h3 {
  padding-left: 12px !important;
  border-left: 3px solid rgba(255, 226, 117, 0.92) !important;
}

.k12-gold-feature-card .text-gray-500,
.k12-gold-feature-card .text-gray-600,
.k12-gold-feature-card .text-gray-700,
.k12-gold-feature-card .text-slate-500,
.k12-gold-feature-card .text-slate-600,
.k12-gold-feature-card .text-slate-700,
.k12-gold-feature-card [class*="text-gray-"],
.k12-gold-feature-card [class*="text-slate-"] {
  color: rgba(59, 39, 8, 0.86) !important;
  font-weight: 650 !important;
  text-shadow: 0 1px 0 rgba(255, 248, 199, 0.5);
}

.k12-gold-feature-card .rounded-full,
.k12-gold-feature-card [class*="rounded-full"] {
  border-color: rgba(255, 231, 124, 0.72) !important;
  background-color: rgba(255, 242, 159, 0.72) !important;
  color: #3d2707 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 224, 0.76), 0 4px 14px rgba(97, 61, 6, 0.12) !important;
}

.k12-gold-feature-card .k12-gold-group-pill {
  border: 1px solid rgba(255, 218, 100, 0.95) !important;
  background:
    linear-gradient(180deg, rgba(96, 60, 9, 0.98), rgba(55, 33, 6, 0.96)) !important;
  color: #fff0ad !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 1px 0 rgba(40, 22, 0, 0.75), 0 0 10px rgba(255, 217, 86, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 242, 170, 0.36),
    0 0 0 1px rgba(92, 54, 5, 0.2),
    0 5px 14px rgba(75, 45, 4, 0.22) !important;
}

.k12-gold-feature-card [class*="border"],
.k12-gold-feature-card hr {
  border-color: rgba(74, 49, 12, 0.36) !important;
}

.k12-gold-feature-card [class*="rounded-xl"],
.k12-gold-feature-card [class*="rounded-2xl"] {
  background: rgba(255, 249, 211, 0.38) !important;
  border-color: rgba(70, 45, 7, 0.42) !important;
  color: #3a2506 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 232, 0.62),
    0 10px 22px rgba(92, 58, 8, 0.12) !important;
}

.k12-gold-feature-card .text-4xl,
.k12-gold-feature-card .text-5xl,
.k12-gold-feature-card [class*="text-4xl"],
.k12-gold-feature-card [class*="text-5xl"] {
  color: #382405 !important;
  font-weight: 850 !important;
  text-shadow: 0 1px 0 rgba(255, 252, 218, 0.86), 0 3px 14px rgba(75, 45, 3, 0.18) !important;
}

.k12-gold-feature-card [class*="bg-emerald"],
.k12-gold-feature-card [class*="bg-green"],
.k12-gold-feature-card [class*="bg-teal"] {
  background-color: #10c98b !important;
  box-shadow: 0 0 10px rgba(16, 201, 139, 0.36) !important;
}

.k12-gold-feature-card [class*="bg-red"] {
  background-color: #f04438 !important;
  box-shadow: 0 0 10px rgba(240, 68, 56, 0.36) !important;
}

.k12-gold-feature-card [class*="w-1"],
.k12-gold-feature-card [class*="w-1.5"] {
  min-width: 5px !important;
}

.k12-gold-feature-card:hover {
  transform: translateY(-1px);
  box-shadow:
    0 22px 48px rgba(92, 61, 12, 0.3),
    0 0 0 1px rgba(255, 246, 185, 0.74),
    inset 0 1px 0 rgba(255, 255, 224, 0.92),
    inset 0 -12px 26px rgba(119, 77, 12, 0.08) !important;
}

@property --k12-gold-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

@keyframes k12GoldBorder {
  to {
    --k12-gold-angle: 360deg;
  }
}

@keyframes k12GoldSweep {
  from {
    transform: translateX(-40%) rotate(8deg);
  }
  to {
    transform: translateX(40%) rotate(8deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .k12-gold-feature-card,
  .k12-gold-feature-card::before,
  .k12-gold-feature-card::after {
    animation: none !important;
  }
}