@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

body {
    background-image:
        radial-gradient(circle at 1px 1px, rgba(28, 25, 23, 0.05) 1px, transparent 0);
    background-size: 28px 28px;
}

.stamp-valid, .stamp-invalid {
    position: relative;
    border: 3px solid currentColor;
    border-radius: 8px;
    padding: 0.35rem 1rem;
    font-family: Gambetta, Georgia, serif;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    opacity: 0.92;
}
.stamp-valid { color: #059669; }
.stamp-invalid { color: #dc2626; }
.stamp-error { color: #d97706; }

.skeleton-line {
    height: 0.875rem;
    border-radius: 9999px;
    background: linear-gradient(90deg, #e7e5e4 25%, #f5f5f4 50%, #e7e5e4 75%);
    background-size: 200% 100%;
    animation: shimmer 1.4s linear infinite;
}

.step-row { animation: fade-up .5s ease-out both; }
.step-dot::before {
    content: "";
    position: absolute;
    left: -2.15rem;
    top: 0.4rem;
    bottom: -1.05rem;
    width: 2px;
    background: #e7e5e4;
}
.step-row:last-child .step-dot::before { display: none; }