:root{
  --main:#07080b;
  --main_sub:#ffffff;
  --border:#232833;
  --font-color:#ffffff;

  --surface0:#07080b;
  --surface1:#0b0d12;
  --surface2:#101521;
  --surface3:#151c2a;

  --line1:rgba(255,255,255,.08);
  --line2:rgba(255,255,255,.14);

  --shadowA: 0 18px 50px rgba(0,0,0,.70);
  --shadowB: 0 6px 18px rgba(0,0,0,.55);

  --accent:#ff2d55;
  --accentP:#7c3aed;
  --accentC:#00e5ff;
  --glow: 0 0 28px rgba(255,45,85,.18);

  --r1:12px;
  --r2:16px;
  --r3:22px;
}

html.darkmode body { color:var(--main_sub); }

html.darkmode,
html.darkmode body,
html.darkmode .bg-primary,
html.darkmode .bg-white,
html.darkmode .bg-light,
html.darkmode .wrapper,
html.darkmode #nt_sidebar {
  background-color: var(--main) !important;
  color: var(--main_sub) !important;
}

html.darkmode body{
  background:
    radial-gradient(1000px 650px at 10% 10%, rgba(124,58,237,.18), transparent 55%),
    radial-gradient(950px 650px at 90% 15%, rgba(0,229,255,.12), transparent 55%),
    radial-gradient(900px 650px at 45% 95%, rgba(255,45,85,.12), transparent 55%),
    linear-gradient(180deg, var(--surface0), var(--surface1) 40%, var(--main)) !important;
}

html.darkmode #nt_menu{ border-bottom:0 !important; position:relative; }
html.darkmode #nt_menu::after{
  content:"";
  display:block;
  height:3px;
  background: linear-gradient(90deg, rgba(255,45,85,.15), var(--accent), rgba(0,229,255,.35));
  box-shadow: 0 0 18px rgba(255,45,85,.35);
}

html.darkmode hr.hr-write::after {width:0%;}

html.darkmode .btn-primary:focus,
html.darkmode .btn-primary.focus{
  background: linear-gradient(135deg, rgba(255,45,85,.20), rgba(124,58,237,.14)) !important;
  border-color: rgba(255,255,255,.35) !important;
  box-shadow: 0 0 0 3px rgba(255,45,85,.16), 0 0 26px rgba(255,45,85,.16) !important;
}

html.darkmode #nt_title{
  background: linear-gradient(180deg, rgba(16,21,33,.92), rgba(7,8,11,.92)) !important;
  color: var(--main_sub) !important;
  border: 1px solid var(--line1) !important;
  border-radius: var(--r3);
  box-shadow: var(--shadowB);
  position: relative;
  overflow: hidden;
}
html.darkmode #nt_title::before{
  content:"";
  position:absolute;
  inset:-60%;
  background:
    radial-gradient(circle at 20% 25%, rgba(255,45,85,.22), transparent 45%),
    radial-gradient(circle at 78% 30%, rgba(0,229,255,.14), transparent 48%),
    radial-gradient(circle at 55% 80%, rgba(124,58,237,.14), transparent 52%);
  filter: blur(2px);
  pointer-events:none;
}
html.darkmode #nt_title > *{ position:relative; z-index:1; }

html.darkmode #nt_title .breadcrumb a,
html.darkmode a:not(.page-link, .me-sh) { color:var(--font-color); }
html.darkmode a:not(.page-link, .me-sh):hover{
  opacity:.92;
  text-shadow: 0 0 22px rgba(255,45,85,.16);
}

html.darkmode #find_info .new_win_con{
  background: linear-gradient(180deg, rgba(11,13,18,.92), rgba(16,21,33,.88)) !important;
  border: 1px solid var(--line2) !important;
  border-radius: var(--r2);
  box-shadow: var(--shadowA);
}

html.darkmode #nt_sidebar_move span{
  color:#fff !important;
  background: linear-gradient(135deg, rgba(255,45,85,.92), rgba(124,58,237,.80)) !important;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  box-shadow: var(--glow);
}

html.darkmode .table,
html.darkmode .form-control-plaintext,
html.darkmode .text-primary,
html.darkmode .btn-outline-primary.disabled,
html.darkmode .btn-outline-primary:disabled{ color:#ffffff !important; }

html.darkmode .tbl_frm01 th,
html.darkmode .list-group-item,
html.darkmode .sidebar-list .me-ul, 
html.darkmode .sidebar-list .me-ul1{
  background: linear-gradient(180deg, rgba(16,21,33,.92), rgba(11,13,18,.92)) !important;
  border: 1px solid var(--line1) !important;
  border-radius: var(--r1);
  box-shadow: 0 1px 0 rgba(255,255,255,.03) inset;
  backdrop-filter: blur(6px);
}

html.darkmode #faq_sch,
html.darkmode #new_sch{
  background: linear-gradient(180deg, rgba(7,8,11,.78), rgba(16,21,33,.72)) !important;
  border: 1px solid var(--line2) !important;
  border-radius: var(--r2);
  box-shadow: var(--shadowB);
  color:#fff;
}

html.darkmode .sly-tab li a{
  background: linear-gradient(180deg, rgba(7,8,11,.70), rgba(16,21,33,.70)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius: 999px;
  padding: .45rem .9rem;
  color:#fff;
}
html.darkmode .sly-tab li.active a{
  background: linear-gradient(135deg, rgba(255,45,85,.32), rgba(124,58,237,.24)) !important;
  border:1px solid rgba(255,45,85,.45) !important;
  border-bottom:1px solid rgba(255,45,85,.45) !important;
  box-shadow: var(--glow);
  color:#fff;
}

html.darkmode .page-link{
  border:1px solid rgba(255,255,255,.14) !important;
  background: linear-gradient(180deg, rgba(11,13,18,.92), rgba(7,8,11,.92)) !important;
  color:#fff !important;
  border-radius: 999px;
}
html.darkmode .page-item.active .page-link{
  border-color: rgba(255,45,85,.55) !important;
  background: linear-gradient(135deg, rgba(255,45,85,.30), rgba(124,58,237,.22)) !important;
  box-shadow: var(--glow);
}