.animation-container {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(900px 500px at 30% 30%, rgba(59, 130, 246, 0.16), transparent 60%),
        radial-gradient(800px 500px at 70% 60%, rgba(245, 158, 11, 0.14), transparent 55%),
        linear-gradient(135deg, #f8fafc 0%, #eef2ff 45%, #e2e8f0 100%);
    overflow: hidden;
    position: relative;
}

.animation-stage {
    width: min(92%, 900px);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid rgba(148, 163, 184, 0.35);
    box-shadow:
        0 22px 60px rgba(15, 23, 42, 0.18),
        0 2px 0 rgba(255, 255, 255, 0.45) inset;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 22px;
}

.animation-stage::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 22px;
    pointer-events: none;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.55), transparent 55%);
    opacity: 0.6;
}

.animation-stage {
    position: relative;
}

.warehouse-svg {
    width: 100%;
    max-width: 860px;
    height: auto;
    display: block;
}