/* OigaProfe — animations.css */
@keyframes op-fade-in-up {
  from { opacity:0; transform:translateY(20px); }
  to   { opacity:1; transform:translateY(0); }
}
@keyframes op-fade-in { from{opacity:0} to{opacity:1} }
@keyframes op-scale-in { from{opacity:0;transform:scale(.96)} to{opacity:1;transform:scale(1)} }

.op-anim-fade-up  { animation: op-fade-in-up .5s ease both; }
.op-anim-fade     { animation: op-fade-in .4s ease both; }
.op-anim-scale    { animation: op-scale-in .4s ease both; }

.op-anim-delay-1  { animation-delay: .1s; }
.op-anim-delay-2  { animation-delay: .2s; }
.op-anim-delay-3  { animation-delay: .3s; }
.op-anim-delay-4  { animation-delay: .4s; }

/* Gradient text utilitiy */
.op-text-gradient {
  background: linear-gradient(135deg, var(--op-orange), #FFB347);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.op-text-cyan { color: var(--op-cyan); }
.op-text-muted { color: var(--op-muted); }