@font-face {
  font-family: 'Neo Tech Std';
  src: url("Neo Tech Std Regular/Neo Tech Std Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --primary: #7787ffc3;
  --primary-dark: #7787ff;
  --loading-border: rgba(143,156,255,0.18);
  --search-btn: rgba(143,156,255,0.38);
  --secondary: #55b5ff;
  --dark: #161922;
  --darker: #0b0d12;
  --light: #f2f4f8;
  --content-bg: rgba(28,30,36,0.95);
  --terminal-bg: rgba(24,26,33,0.94);
  --terminal-border: rgba(143,156,255,0.16);
  --grid-color: rgba(112,122,197,0.05);
  --sidenav-width: 250px;
  --border-color: rgba(143,156,255,0.18);
  --accent-color: #8f9cff;
  --text-color: #d7d9df;
  --text-color-dimmed: rgba(215,217,223,0.65);
  --text-secondary: rgba(215,217,223,0.55);
  --monospace-font: 'Consolas','Courier New',monospace;
  --ui-font: 'Inter','Segoe UI','Roboto',sans-serif;
  --surface-0: #0b0d12;
  --surface-1: #11141c;
  --surface-2: #181b24;
  --surface-3: #1f232d;
  --surface-highlight: rgba(176,184,255,0.08);
  --shadow-soft: 0 18px 40px rgba(6,7,11,0.55);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --glow-primary: #9f7aea;
  --glow-primary-rgb: 159, 122, 234;
  --glow-duration: 400ms;
  --glow-delay: 60ms;
}

img, 
.image,
[class*="image"],
[class*="img"],
svg,
[class*="logo"],
[class*="icon"],
[class*="avatar"],
[class*="thumbnail"],
[class*="preview"] {
  filter: none !important;
  -webkit-filter: none !important;
  -moz-filter: none !important;
  -ms-filter: none !important;
  -o-filter: none !important;
  color-scheme: light only !important;
  forced-color-adjust: none !important;
  -webkit-forced-color-adjust: none !important;
}

img[src*=".png"],
img[src*=".jpg"],
img[src*=".jpeg"],
img[src*=".gif"],
img[src*=".svg"],
img[src*=".webp"],
img[src*=".ico"] {
  filter: none !important;
  -webkit-filter: none !important;
  -moz-filter: none !important;
  -ms-filter: none !important;
  -o-filter: none !important;
  color-scheme: light only !important;
  forced-color-adjust: none !important;
  -webkit-forced-color-adjust: none !important;
}

[style*="background-image"],
[class*="bg-"],
[class*="background"] {
  filter: none !important;
  -webkit-filter: none !important;
  -moz-filter: none !important;
  -ms-filter: none !important;
  -o-filter: none !important;
  color-scheme: light only !important;
  forced-color-adjust: none !important;
  -webkit-forced-color-adjust: none !important;
}

@media (prefers-color-scheme: dark) {
  img, 
  .image,
  [class*="image"],
  [class*="img"],
  svg,
  [class*="logo"],
  [class*="icon"],
  [class*="avatar"],
  [class*="thumbnail"],
  [class*="preview"] {
    filter: none !important;
    -webkit-filter: none !important;
    -moz-filter: none !important;
    -ms-filter: none !important;
    -o-filter: none !important;
    color-scheme: light only !important;
    forced-color-adjust: none !important;
    -webkit-forced-color-adjust: none !important;
  }
}



[data-src*=".png"],
[data-src*=".jpg"],
[data-src*=".jpeg"],
[data-src*=".gif"],
[data-src*=".svg"],
[data-src*=".webp"],
[data-src*=".ico"],
picture,
picture img,
figure img,
.photo,
.photograph,
.media,
.media img {
  filter: none !important;
  -webkit-filter: none !important;
  -moz-filter: none !important;
  -ms-filter: none !important;
  -o-filter: none !important;
  color-scheme: light only !important;
  forced-color-adjust: none !important;
  -webkit-forced-color-adjust: none !important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--ui-font);
  scrollbar-width: thin;
  scrollbar-color: var(--primary) var(--terminal-bg);
}

html, body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: var(--surface-1);
  color: var(--text-color);
  font-family: var(--ui-font);
  -webkit-font-smoothing: antialiased;
}

.bg-grid {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);
  background-size: 28px 28px;
  z-index: -2;
}

.bg-glow {
  position: fixed;
  top: 32%;
  left: 52%;
  width: 68vw;
  height: 68vh;
  transform: translate(-50%,-50%);
  background: radial-gradient(circle,rgba(143,156,255,0.08) 0%,rgba(85,181,255,0.04) 45%,rgba(0,0,0,0) 70%);
  z-index: -1;
  pointer-events: none;
  filter: blur(0.5px);
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes glow {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 0.8; }
}

@keyframes pulse {
  0% { box-shadow: 0 0 5px var(--primary); }
  70% { box-shadow: 0 0 12px var(--primary); }
  100% { box-shadow: 0 0 5px var(--primary); }
}

@keyframes loader {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes pulse-redirect {
  0% { opacity: 0.5; transform: translateY(0); }
  50% { opacity: 1; transform: translateY(3px); }
  100% { opacity: 0.5; transform: translateY(0); }
}