/* ================================================================
   vault_logo.css — the VaultMTD live vault logo
   ================================================================
   Dedicated, self-contained stylesheet for the animated vault mark.
   Copied VERBATIM from the Coming Soon page (coming_soon.html) so the
   logo is pixel-identical wherever it appears — same 185px size, same
   glow, and the SAME rotating rings.

   NOTE: deliberately NO prefers-reduced-motion guard here, to match the
   Coming Soon page exactly — the rings always spin. (Pair the SVG markup
   from coming_soon.html with this file; about.html links it.)
   ================================================================ */

.vault-svg {
    width  : 230px;
    height : 230px;
    filter : drop-shadow(0 0 38px rgba(255, 157, 120, 0.30));
}

/* Outer dial — slow clockwise. */
.vault-ring-outer {
    animation        : ringRotate 20s linear infinite;
    transform-origin : 50px 50px;
}

/* Inner dial — slower, counter-clockwise. */
.vault-ring-inner {
    animation        : ringRotate 40s linear infinite reverse;
    transform-origin : 50px 50px;
}

@keyframes ringRotate {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}