/* OMTIOR v1.0 Release – extracted from single HTML file. */

.hero{
  position:relative;
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute;
  right:-10%;
  top:-20%;
  width:85%;
  height:130%;
  background:
    radial-gradient(circle at 35% 35%, rgba(140,190,255,.35), transparent 22%),
    linear-gradient(120deg,
      rgba(40,90,255,0) 0%,
      rgba(75,135,255,.08) 20%,
      rgba(145,205,255,.45) 40%,
      rgba(90,150,255,.14) 65%,
      rgba(40,90,255,0) 95%);
  filter:blur(24px);
  border-radius:50% 60% 55% 45%;
  transform:rotate(-12deg);
  animation:ribbonFlow 16s ease-in-out infinite alternate;
  pointer-events:none;
}
.hero>*{
  position:relative;
  z-index:2;
}
@keyframes ribbonFlow{
  0%{
    transform:translateX(0) translateY(0) rotate(-12deg) scale(1);
    filter:blur(24px);
  }
  50%{
    transform:translateX(-3%) translateY(2%) rotate(-8deg) scale(1.04);
    filter:blur(20px);
  }
  100%{
    transform:translateX(2%) translateY(-2%) rotate(-14deg) scale(1.02);
    filter:blur(26px);
  }
}
.btn{
 transition:all .25s ease;
}
.btn:hover{
 box-shadow:0 0 30px rgba(130,180,255,.45);
}