/* Decorative effects for the home Copy Trading section (glassmorphism + motion). */

.ct-glass {
    background: rgba(255, 255, 255, .06);
    backdrop-filter: blur(16px) saturate(140%);
    -webkit-backdrop-filter: blur(16px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 14px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .09);
}

/* Gentle idle float, staggered per card */
@keyframes ctFloat {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-8px); }
}
.ct-float-1 { animation: ctFloat 6s ease-in-out infinite; }
.ct-float-2 { animation: ctFloat 7s ease-in-out 1.2s infinite; }
.ct-float-3 { animation: ctFloat 8s ease-in-out 2.4s infinite; }

/* Card content swap during trader rotation */
.ct-swap { transition: opacity .35s ease, transform .35s ease; }
.ct-swap-out { opacity: 0; transform: translateX(-16px); }

@keyframes ctPopIn {
    from { opacity: 0; transform: translateY(12px) scale(.97); }
    to   { opacity: 1; transform: none; }
}
.ct-pop-in { animation: ctPopIn .45s ease both; }

/* Ambient glow blobs behind the cards */
@keyframes ctGlow {
    0%, 100% { opacity: .30; transform: scale(1); }
    50%      { opacity: .60; transform: scale(1.12); }
}
.ct-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    pointer-events: none;
    animation: ctGlow 8s ease-in-out infinite;
}

/* Live-trade popup toast */
@keyframes ctToastIn {
    from { opacity: 0; transform: translateY(16px) scale(.95); }
    to   { opacity: 1; transform: none; }
}
.ct-toast {
    position: absolute;
    left: 24px;
    bottom: 26px;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 16px;
    font-size: 13px;
    color: #e7eaf5;
    animation: ctToastIn .4s ease both;
    max-width: 320px;
}
.ct-toast.ct-toast-hide { transition: opacity .4s ease, transform .4s ease; opacity: 0; transform: translateY(10px); }
@media (max-width: 767px) { .ct-toast { display: none; } }

/* Scroll reveal (applied/removed by JS) */
.ct-reveal { opacity: 0; transform: translateY(26px); transition: opacity .7s ease, transform .7s ease; }
.ct-reveal.ct-shown { opacity: 1; transform: none; }