.text-cyan-glow { color: #00E5FF; text-shadow: 0 0 15px rgba(0, 229, 255, 0.5); }
.text-green-glow { color: #00FF88; text-shadow: 0 0 15px rgba(0, 255, 136, 0.5); }
.text-red-glow { color: #FF3D00; text-shadow: 0 0 15px rgba(255, 61, 0, 0.5); }

.btn-primary {
    background: linear-gradient(90deg, #00E5FF, #00FF88);
    color: #050A15;
    font-weight: 900;
    transition: transform 0.1s, box-shadow 0.1s;
}
.btn-primary:active { transform: scale(0.97); box-shadow: 0 0 10px rgba(0, 255, 136, 0.2); }
.pulse-btn { animation: pulseGreen 2s infinite; }
@keyframes pulseGreen {
    0% { box-shadow: 0 0 0 0 rgba(0, 255, 136, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(0, 255, 136, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 255, 136, 0); }
}

.glass-card { background-color: #0F172A; border: 1px solid rgba(255,255,255,0.05); }
.science-card { background-size: cover; background-position: center; border-radius: 1.5rem; }
.science-overlay { position: absolute; inset: 0; background: linear-gradient(to top, #0F172A 15%, rgba(15,23,42,0.6) 100%); }

/* Lógica Vertical do Protocolo 30 Dias */
.timeline-line {
    position: absolute;
    left: 0;
    top: 1rem;
    bottom: 2rem;
    border-left: 2px solid rgba(0, 229, 255, 0.2);
}
.timeline-dot {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: #050A15;
    border: 2px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px rgba(0, 229, 255, 0.1);
    z-index: 10;
}

.toast-hidden { transform: translateY(150%); opacity: 0; transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); pointer-events: none; }
.toast-visible { transform: translateY(0); opacity: 1; transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); pointer-events: none; }