/* ASTRAFLIX CINEMA UI PRO */
:root{
  --astra-red:#e50914;
  --astra-red2:#ff1f2d;
  --astra-bg:#050505;
}

body{
  background:
    radial-gradient(circle at 80% 10%, rgba(229,9,20,.16), transparent 25%),
    linear-gradient(180deg,#050505,#000) !important;
}

.navbar.navbar-default{
  background:rgba(0,0,0,.88) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:0 !important;
  box-shadow:0 12px 45px rgba(0,0,0,.65), 0 1px 0 rgba(255,255,255,.06);
}

.navbar-brand img{
  filter:drop-shadow(0 0 16px rgba(255,0,0,.55));
}

.navbar-nav > li > a{
  color:var(--astra-red2) !important;
  font-weight:800 !important;
}

.navbar-nav > li > a:hover{
  color:#fff !important;
  text-shadow:0 0 18px rgba(255,0,0,.8);
}

figure.effect-sadie,
.movie_thumb,
.grid figure{
  border-radius:12px !important;
  overflow:hidden !important;
  border:1px solid rgba(229,9,20,.35) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.65) !important;
  transition:all .28s ease !important;
}

figure.effect-sadie:hover,
.grid figure:hover{
  transform:translateY(-8px) scale(1.035) !important;
  border-color:rgba(255,31,45,.9) !important;
  box-shadow:0 0 38px rgba(229,9,20,.42), 0 22px 50px rgba(0,0,0,.75) !important;
}

figure.effect-sadie img,
.grid figure img{
  transition:all .35s ease !important;
}

figure.effect-sadie:hover img,
.grid figure:hover img{
  filter:contrast(1.15) saturate(1.16) brightness(.9) !important;
}

.btn-danger,
.astra-btn-red{
  background:linear-gradient(90deg,#e50914,#ff1f2d) !important;
  border:0 !important;
  box-shadow:0 0 25px rgba(229,9,20,.35) !important;
  border-radius:7px !important;
  font-weight:900 !important;
}

.btn-danger:hover,
.astra-btn-red:hover{
  box-shadow:0 0 42px rgba(255,0,0,.58) !important;
  transform:translateY(-1px);
}

.panel,
.panel-body,
.table-responsive,
.dataTables_wrapper{
  border-radius:14px !important;
}

.astra-cinema-particles{
  pointer-events:none;
  position:fixed;
  inset:0;
  z-index:99999;
  overflow:hidden;
}

.astra-cinema-particle{
  position:absolute;
  width:3px;
  height:3px;
  background:rgba(255,30,45,.75);
  border-radius:50%;
  box-shadow:0 0 12px rgba(255,0,0,.8);
  animation:astraParticle 8s linear infinite;
}

@keyframes astraParticle{
  0%{transform:translateY(110vh) translateX(0);opacity:0;}
  10%{opacity:.8;}
  100%{transform:translateY(-20vh) translateX(45px);opacity:0;}
}

.astra-spotlight{
  position:fixed;
  width:420px;
  height:420px;
  border-radius:50%;
  pointer-events:none;
  z-index:99998;
  background:radial-gradient(circle, rgba(229,9,20,.14), transparent 62%);
  transform:translate(-50%,-50%);
  mix-blend-mode:screen;
  opacity:.8;
}