:root {
  --lr-bg:#060b14;
  --lr-text:#ffffff;
  --lr-yellow:#ffd84d;
  --lr-lime:#c6ff00;
  --lr-hdr:74px;
}

/* BASE */
body.lr-body {
  margin:0;
  padding-top:var(--lr-hdr);
  font-family:"Poppins",sans-serif;
  color:var(--lr-text);
  background:#060b14;
}

/* HEADER */
.lr-header {
  position:fixed; top:0; left:0; right:0;
  z-index:9999;
  background:rgba(6,11,20,0.95);
  backdrop-filter:blur(8px) saturate(160%);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.lr-header__inner {
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 20px; max-width:1200px; margin:auto;
}
.lr-logo__img { height:52px; width:auto; }

/* BURGER ICON */
.lr-burger {
  background:transparent; border:0; color:#fff;
  font-size:30px; cursor:pointer;
  position:absolute; right:20px; top:22px;
  display:flex; align-items:center; justify-content:center;
}
.lr-burger__icon { color:#fff; transition:opacity .3s; }
.lr-burger .ti-x { display:none; }
.lr-burger[aria-expanded="true"] .ti-x { display:inline; color:var(--lr-lime); }
.lr-burger[aria-expanded="true"] .ti-menu-3 { display:none; }





/* DRAWER (MOBILE) */
.lr-drawer {
  position:fixed; top:0; left:0; height:100vh; width:82%;
  background:rgba(10,10,10,0.95);
  backdrop-filter:blur(20px) saturate(160%);
  border-right:1px solid rgba(255,255,255,0.05);
  transform:translateX(-100%);
  transition:transform .4s cubic-bezier(.22,.61,.36,1);
  padding:90px 20px 40px;
  box-shadow:8px 0 30px rgba(0,0,0,.6);
}
.lr-nav.is-open .lr-drawer { transform:translateX(0); }

/* SEARCH */
.lr-search {
  display:flex; align-items:center;
  background:rgba(255,255,255,.05);
  border-radius:12px; padding:4px 8px; margin-bottom:24px;
}
.lr-search__input {
  flex:1; background:transparent; border:0; outline:none;
  color:#fff; font-size:.9rem; padding:6px;
}
.lr-search__btn {
  background:var(--lr-lime); border:0;
  border-radius:10px; width:32px; height:32px;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; color:#000;
}

/* MENU */
.lr-menu {
  list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column; gap:14px;
}
.lr-menu li a {
  display:flex; align-items:center; gap:10px;
  text-decoration:none; color:#fff;
  padding:12px 14px;
  background:rgba(255,255,255,.06);
  border-radius:10px;
  transition:background .25s;
}
.lr-menu li a:hover { background:rgba(255,255,255,.12); }
.lr-menu i { font-size:18px; color:var(--lr-lime); }

/* DESKTOP */
@media(min-width:993px){
  .lr-burger{display:none;}
  .lr-nav{position:static;}
  .lr-drawer{all:unset;display:flex;align-items:center;gap:40px;}
  .lr-menu{flex-direction:row;gap:30px;margin:0;}
  .lr-menu li a{background:transparent;padding:8px 0;}
  .lr-drawer__head,.lr-search{display:none!important;}
}

/* LOADER */
.lr-loader {
  position:fixed; inset:0; z-index:999999;
  background:#000;
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.lr-loader__blur {
  position:absolute; width:400px; height:400px;
  background:var(--lr-yellow);
  border-radius:50%;
  filter:blur(160px) opacity(0.25);
  animation:slowPulse 12s infinite alternate ease-in-out;
}
@keyframes slowPulse {
  from { transform:translate(-50px,0) scale(1); opacity:0.3; }
  to { transform:translate(60px,20px) scale(1.15); opacity:0.4; }
}
.lr-loader__inner {
  position:relative; z-index:2;
  display:flex; flex-direction:column; gap:16px;
  align-items:center; text-align:center;
}
.lr-loader__text {
  font-size:1.1rem; font-weight:500; color:#fff;
  opacity:0; transform:translateY(30px);
  animation:fadeUp 1.4s ease forwards;
}
@keyframes fadeUp {
  to { opacity:1; transform:translateY(0); }
}
.fade-out { opacity:0; transition:opacity 1s ease; pointer-events:none; }
.lr-burger i[class^="ti-"], .lr-burger i[class*=" ti-"] {
  font-family:"tabler-icons" !important;
  font-style:normal;
  speak:none;
  font-weight:normal;
  line-height:1;
  color:#fff;
}