/* FLOGAL — Tricolor login glow (§4.4)
   Extracted verbatim from sites/admin/styles.css, the reference
   implementation. Do not change these values without re-verifying the
   admin login page's rendered output (before/after screenshot) — admin
   login is otherwise untouched by design.

   Usage: link after your page's base stylesheet, then apply
   class="lg-glow-wrap" to the element that should carry the rotating
   tricolor border (a card wrapper, position:relative not required —
   the glow is an absolutely-positioned ::before). */

@property --glow-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@keyframes glow-spin { to { --glow-angle: 360deg; } }

.lg-glow-wrap {
  position: relative;
  width: 100%; max-width: 420px;
}
.lg-glow-wrap::before {
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 17px;
  background: conic-gradient(
    from var(--glow-angle),
    #4A90D9 0%,
    #C9A84C 33%,
    #4CAF7D 66%,
    #4A90D9 100%
  );
  animation: glow-spin 4s linear infinite;
  filter: blur(8px);
  opacity: 0.72;
  z-index: 0;
}
@media (prefers-reduced-motion: reduce) {
  .lg-glow-wrap::before { animation: none; }
}