/* ============================================================
   staking.css – Unique styles for staking.php
   (hero-bg, floating-animation, pulse-glow, glass-effect,
    gradient-text, card-hover, animate-on-scroll handled by global.css)
   ============================================================ */

.staking-card { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

.staking-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
}

.step-card { position: relative; }

.step-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background: linear-gradient(to bottom, rgba(59, 130, 246, 0.5), transparent);
    z-index: -1;
}

.step-card:last-child::before { display: none; }