:root {
  --lr-bg:#060b14;
  --lr-text:#ffffff;

  /* Sa93View primary palette */
  --lr-primary:#3b82f6;        /* main blue */
  --lr-primary-soft:#60a5fa;   /* lighter blue */
  --lr-primary-hover:#2563eb;  /* hover/active blue */

  --lr-gray-soft:#94a3b8;      /* soft gray for borders/text */
  --lr-gray-muted:#9ca3af;

  --lr-hdr:74px;
}

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

/* 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:var(--lr-text);
  font-size:30px; cursor:pointer;
  position:absolute; right:20px; top:22px;
  display:flex; align-items:center; justify-content:center;
}
.lr-burger__icon { color:var(--lr-text); transition:opacity .3s; }
.lr-burger .ti-x { display:none; }
.lr-burger[aria-expanded="true"] .ti-x { display:inline; color:var(--lr-primary-soft); }
.lr-burger[aria-expanded="true"] .ti-menu-3 { display: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:var(--lr-text);
}

/* 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:var(--lr-text); font-size:.9rem; padding:6px;
}
.lr-search__btn {
  background:var(--lr-primary-soft); 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:var(--lr-text);
  padding:12px 14px;
  background:rgba(255,255,255,.06);
  border-radius:10px;
  transition:background .25s;
}
.lr-menu li a:hover { background:rgba(148,163,184,0.12); }
.lr-menu i { font-size:18px; color:var(--lr-primary-soft); }

/* 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;}
}

/* FUTURISTIC UPLOAD BAR LOADER */
.lr-loader{
  position:fixed; inset:0; z-index:99999;
  background:radial-gradient(circle at top, #1b2333 0, #05070b 55%, #000 100%);
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}

.lr-loader__panel{
  position:relative;
  min-width:280px;
  max-width:420px;
  padding:22px 24px 20px;
  border-radius:18px;
  background:rgba(15,23,42,0.96);
  box-shadow:0 24px 80px rgba(0,0,0,0.9);
  border:1px solid rgba(59,130,246,0.45);
  color:var(--lr-text);
  font-family:"Poppins",sans-serif;
}

.lr-loader__label{
  font-size:0.78rem;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--lr-gray-soft);
  margin-bottom:12px;
}

.lr-loader__bar-wrap{
  position:relative;
  margin-bottom:10px;
}

.lr-loader__bar-bg{
  position:relative;
  width:100%;
  height:10px;
  border-radius:999px;
  background:rgba(15,23,42,0.9);
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(15,23,42,0.8),
             0 0 24px rgba(59,130,246,0.35) inset;
}

.lr-loader__bar-fill{
  position:absolute;
  inset:0;
  width:0%;
  background:linear-gradient(90deg,var(--lr-primary),var(--lr-primary-soft),var(--lr-primary));
  box-shadow:0 0 18px rgba(59,130,246,0.7);
  border-radius:999px;
  transform-origin:left center;
}

.lr-loader__bar-glow{
  position:absolute;
  inset:-10px;
  background:radial-gradient(circle at 10% 50%,rgba(59,130,246,0.35),transparent 55%),
             radial-gradient(circle at 90% 50%,rgba(96,165,250,0.35),transparent 55%);
  opacity:0.55;
  filter:blur(14px);
  pointer-events:none;
}

.lr-loader__text{
  font-size:0.86rem;
  color:var(--lr-gray-muted);
  white-space:nowrap;
  overflow:hidden;
  border-right:2px solid var(--lr-gray-soft);
}

/* Loader exit */
.lr-loader.fade-out{
  opacity:0;
  pointer-events:none;
  transition:opacity 1.3s ease;
}

/* Loader animations (if needed for other elements) */
@keyframes lr-spin{
  to{transform:rotate(360deg)}
}
@keyframes lr-orbit{
  to{transform:rotate(360deg) translate3d(0,0,0)}
}

/* Base burger button */
.lr-burger {
  background:transparent;
  border:0;
  color:var(--lr-text);
}

/* Remove any theme hover/active background */
.lr-burger:hover,
.lr-burger:focus,
.lr-burger:active {
  background:transparent !important;
  color:var(--lr-text);
  outline:none;
  box-shadow:none;
}

/* Optional custom focus ring in blue */
.lr-burger:focus-visible {
  outline:2px solid var(--lr-primary-soft);
  outline-offset:3px;
}