/* ========== ANIMERET TEKSTBOKS ========== */
.animated-text {
  font-size: 1em; font-family: 'Inter', Arial, sans-serif; text-align: center; margin: 50px auto 0 auto;
  min-height: 2.5em; max-width: 100%; border-radius: 8px; color: #246fe5;
  background: rgba(255,255,255,1); box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  padding: 18px 32px; position: relative; border: 1px solid #8AA;
}
.animated-text span { display: inline-block; }
.fade-in { animation: fadeIn 0.7s; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.fade-out { animation: fadeOut 0.7s; }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
.slide-in-left { animation: slideInLeft 0.7s; }
@keyframes slideInLeft { from { opacity:0; transform: translateX(-70px);} to { opacity:1; transform: translateX(0);} }
.slide-in-right { animation: slideInRight 0.7s; }
@keyframes slideInRight { from { opacity:0; transform: translateX(70px);} to { opacity:1; transform: translateX(0);} }
.zoom-in { animation: zoomIn 0.7s; }
@keyframes zoomIn { from { opacity: 0; transform: scale(0.7);} to { opacity: 1; transform: scale(1);} }
.zoom-out { animation: zoomOut 0.7s; }
@keyframes zoomOut { from { opacity: 1; transform: scale(1);} to { opacity: 0; transform: scale(0.7);} }