::selection {background-color: #ffbf00; color: #000}

:root {--background: #000}
* {outline: none; font-family: 'Courier New'; color: #ffbf00 !important;}
body {margin: 0; padding: 0; background-color: var(--background);}
html {margin: 0 !important}

.hidden {display: none;}

input {color: #ffbf00; background-color: transparent; border: none}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px var(--background) inset !important;}
input:-webkit-autofill{-webkit-text-fill-color: #ffbf00 !important;}


form {margin-bottom: 40px}

a {text-decoration: none !important;}
a:focus {text-shadow: 0 0 10px #ffbf00; font-weight: bold; padding-left: 5px}
p.results {line-height: 1.8rem;}


.scanline {position: fixed; height: 100vh; top: -100%; left: 0; width: 100%; background: linear-gradient(180deg, rgba(0,255,0,0) 50%, rgba(0,255,0,0.06) 90%, rgba(0,255,0,0.07) 100%); opacity: 0.2; transition: top 5s}
.scanline.active {top: 100%}

.pass-reveal,
.copy-text {display: inline-block; cursor: pointer; overflow: hidden; line-height: 25px; margin-left: 10px; vertical-align: top}
.copied-fade {display: inline-block; margin-left: 5px; display: none}
.pass-reveal {}
.pass-reveal.revealed {}
.copy-text {}

a.pass-reveal .reveal {display: inline-block;}
a.pass-reveal .hide {display: none;}
a.pass-reveal.revealed .reveal {display: none;}
a.pass-reveal.revealed .hide {display: inline-block;}


.hidden-copy-field {width: 0; height: 0; opacity: 0}


input:-webkit-autofill::first-line,
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 1.6666rem var(--white) inset !important; font-family: 'Proxima Nova' !important; font-size: 1rem !important;}

.short-desc {margin-bottom: 40px}

.home-dashboard-page .search-side {position: fixed; top: 24px; left: 24px; z-index: 5; width: auto;}
  .home-dashboard-page .search-side .search-side-inner {width: auto;}
    .home-dashboard-page .search-side .logo {margin: 0;}
      .home-dashboard-page .search-side .logo a {display: flex; align-items: center; justify-content: center; width: 74px; height: 74px; border: 1px solid rgba(159, 135, 255, 0.32); border-radius: 22px; background: rgba(255, 255, 255, 0.06); box-shadow: 0 18px 42px rgba(74, 11, 255, 0.28);}
        .home-dashboard-page .search-side .logo img {display: block; width: 50px; height: 50px; object-fit: contain;}

.home-dashboard-page .main-side {float: none; width: 100%; padding: 0;}
  .home-dashboard-page .main-side .main-side-inner {width: 100%;}

.home-dashboard {position: relative; min-height: 100vh; padding: 120px 32px 56px; overflow: hidden; background: radial-gradient(circle at 18% 12%, rgba(74, 11, 255, 0.42) 0, rgba(74, 11, 255, 0) 30%), radial-gradient(circle at 82% 8%, rgba(211, 189, 122, 0.2) 0, rgba(211, 189, 122, 0) 28%), linear-gradient(145deg, #04040b 0%, #0b1020 52%, #070510 100%);}
  .home-dashboard:before {position: absolute; top: 8%; left: 50%; width: 620px; height: 620px; border-radius: 50%; background: rgba(74, 11, 255, 0.12); filter: blur(72px); content: ""; transform: translateX(-50%);}
  .home-dashboard .home-dashboard-inner {position: relative; width: 100%; max-width: 1320px; margin: 0 auto;}
    .home-dashboard .home-dashboard-header {margin: 0 0 28px;}
      .home-dashboard .home-dashboard-header p {margin: 0 0 8px; color: #d3bd7a !important; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; letter-spacing: 0; text-transform: uppercase;}
      .home-dashboard .home-dashboard-header h1 {margin: 0; color: #fff !important; font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 1.2; letter-spacing: 0;}
    .home-dashboard .home-card-grid {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px;}
      .home-dashboard .home-card {display: grid; grid-template-rows: auto auto 1fr; min-height: 220px; border: 1px solid rgba(190, 180, 255, 0.16); border-radius: 20px; padding: 20px; background: rgba(255, 255, 255, 0.055); text-decoration: none !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;}
      .home-dashboard .home-card:hover,
      .home-dashboard .home-card:focus {border-color: rgba(159, 135, 255, 0.72); background: rgba(255, 255, 255, 0.075); transform: translateY(-3px); box-shadow: 0 18px 42px rgba(74, 11, 255, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.07); text-shadow: none; padding-left: 20px;}
        .home-dashboard .home-card .home-card-icon {display: block; width: 48px; height: 48px; margin: 0 0 18px;}
          .home-dashboard .home-card .home-card-icon img {display: block; width: 48px; height: 48px;}
        .home-dashboard .home-card .home-card-title {display: block; margin: 0 0 10px; color: #fff !important; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; line-height: 1.25; letter-spacing: 0;}
        .home-dashboard .home-card .home-card-description {display: block; color: #d8dcf1 !important; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0;}

@media (max-width: 1180px){
  .home-dashboard {padding: 112px 28px 48px;}
    .home-dashboard .home-card-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
}

@media (max-width: 860px){
  .home-dashboard-page .search-side {top: 16px; left: 16px;}
    .home-dashboard-page .search-side .logo a {width: 62px; height: 62px; border-radius: 18px;}
      .home-dashboard-page .search-side .logo img {width: 42px; height: 42px;}
  .home-dashboard {padding: 92px 16px 32px;}
    .home-dashboard .home-card-grid {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;}
      .home-dashboard .home-card {min-height: 190px;}
}

@media (max-width: 560px){
  .home-dashboard .home-dashboard-header h1 {font-size: 24px;}
  .home-dashboard .home-card-grid {grid-template-columns: 1fr; gap: 12px;}
    .home-dashboard .home-card {min-height: 0; padding: 18px;}
}

/* Back to Dashboard link */
.back-to-dashboard {display: inline-block; margin-top: 12px; color: #d3bd7a !important; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none !important; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.8; transition: opacity 0.18s ease;}
.back-to-dashboard:hover {opacity: 1;}
.home-dashboard-page .back-to-dashboard {display: block; margin-top: 8px; text-align: center; font-size: 11px; white-space: nowrap;}
.home-dashboard-page:not(.home) .home-dashboard {padding-top: 200px;}

/* Search page and Resources page — shared styles */
.wiki-search-form {display: flex; gap: 12px; margin: 0 0 32px; max-width: 640px;}
  .wiki-search-form input[type="text"] {flex: 1; height: 48px; border: 1px solid rgba(190, 180, 255, 0.24) !important; border-radius: 12px; padding: 0 18px; background: rgba(255, 255, 255, 0.06); color: #fff !important; font-family: Arial, Helvetica, sans-serif; font-size: 15px; transition: border-color 0.18s ease;}
  .wiki-search-form input[type="text"]:focus {border-color: rgba(159, 135, 255, 0.72) !important; background: rgba(255, 255, 255, 0.08);}
  .wiki-search-form input[type="text"]::placeholder {color: rgba(216, 220, 241, 0.5) !important;}
  .wiki-search-form button {height: 48px; border: none; border-radius: 12px; padding: 0 24px; background: #5d35ff; color: #fff !important; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; cursor: pointer; transition: background 0.18s ease;}
  .wiki-search-form button:hover {background: #7b5cff;}

.wiki-article-list {display: flex; flex-direction: column; gap: 2px;}
  .wiki-article-item {display: flex; justify-content: space-between; align-items: center; border: 1px solid rgba(190, 180, 255, 0.1); border-radius: 12px; padding: 16px 20px; background: rgba(255, 255, 255, 0.04); text-decoration: none !important; transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;}
  .wiki-article-item:hover {border-color: rgba(159, 135, 255, 0.52); background: rgba(255, 255, 255, 0.07); transform: translateX(4px);}
    .wiki-article-title {color: #fff !important; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 1.3;}
    .wiki-article-date {flex-shrink: 0; margin-left: 24px; color: #d3bd7a !important; font-family: Arial, Helvetica, sans-serif; font-size: 13px; white-space: nowrap;}

.wiki-no-results {color: rgba(216, 220, 241, 0.6) !important; font-family: Arial, Helvetica, sans-serif; font-size: 15px;}
  .wiki-no-results em {color: #d3bd7a !important; font-style: italic;}
.wiki-result-count {margin-top: 20px; color: rgba(216, 220, 241, 0.5) !important; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}

@media (max-width: 560px){
  .wiki-search-form {flex-direction: column;}
    .wiki-search-form button {width: 100%;}
  .wiki-article-item {flex-direction: column; align-items: flex-start; gap: 6px;}
    .wiki-article-date {margin-left: 0;}
}

/* Article single page styles */
.wiki-article-desc {margin: 0 0 24px; color: #d8dcf1 !important; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.6;}
  .wiki-article-desc p {margin: 0 0 10px; color: #d8dcf1 !important;}
.wiki-article-section {border: 1px solid rgba(190, 180, 255, 0.12); border-radius: 16px; padding: 22px 24px; margin: 0 0 14px; background: rgba(255, 255, 255, 0.04);}
  .wiki-article-section h2 {margin: 0 0 14px; color: #fff !important; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; line-height: 1.3; letter-spacing: 0;}
  .wiki-article-section p {color: #d8dcf1 !important; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.6;}
  .wiki-article-section a {color: #c9bcff !important;}
  .wiki-article-section a:hover {color: #d9cbff !important; text-decoration: underline;}
  .wiki-article-section ul.data-list {margin: 0; padding: 0; list-style: none;}
    .wiki-article-section ul.data-list li {padding: 8px 0; border-bottom: 1px solid rgba(190, 180, 255, 0.08); font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.6; color: #d8dcf1 !important;}
    .wiki-article-section ul.data-list li:last-child {border-bottom: none;}
    .wiki-article-section .list-title {font-weight: bold; color: #fff !important; margin-right: 8px;}
    .wiki-article-section .list-content {color: #d8dcf1 !important;}
    .wiki-article-section .copy-text {color: #d3bd7a !important; cursor: pointer; font-size: 12px;}
    .wiki-article-section .copied-fade {color: #48d07b !important; font-size: 12px;}
    .wiki-article-section .pass-reveal {color: #d3bd7a !important;}
    .wiki-article-section .c-wrapper {color: #9ea5c3 !important; letter-spacing: 2px;}
    .wiki-article-section .download-file {display: inline-block; color: #c9bcff !important; font-size: 13px;}
    .wiki-article-section .file-data {color: #9ea5c3 !important; font-size: 12px;}
    .wiki-article-section table {width: 100%; border-collapse: collapse;}
    .wiki-article-section td {padding: 8px 12px; border-bottom: 1px solid rgba(190, 180, 255, 0.08); color: #d8dcf1 !important; font-size: 14px;}
.wiki-article-meta {margin-top: 24px; padding: 16px 20px; border: 1px solid rgba(190, 180, 255, 0.1); border-radius: 12px; background: rgba(255, 255, 255, 0.03);}
  .wiki-article-meta p {margin: 0 0 4px; color: #9ea5c3 !important; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.5;}
  .wiki-article-meta p:last-child {margin-bottom: 0;}

/* EXPERIMENTAL */
.glow,
.glow input {color: #ffbf00; text-shadow: 0 0 5px #ffbf00;}

@keyframes flicker {
  0% {opacity: 0.27861;}
  5% {opacity: 0.34769;}
  10% {opacity: 0.23604;}
  15% {opacity: 0.90626;}
  20% {opacity: 0.18128;}
  25% {opacity: 0.83891;}
  30% {opacity: 0.65583;}
  35% {opacity: 0.67807;}
  40% {opacity: 0.26559;}
  45% {opacity: 0.84693;}
  50% {opacity: 0.96019;}
  55% {opacity: 0.08594;}
  60% {opacity: 0.20313;}
  65% {opacity: 0.71988;}
  70% {opacity: 0.53455;}
  75% {opacity: 0.37288;}
  80% {opacity: 0.71428;}
  85% {opacity: 0.70419;}
  90% {opacity: 0.7003;}
  95% {opacity: 0.36108;}
  100% {opacity: 0.24387;}
}

@keyframes textShadow {
  0% {text-shadow: 0.4389924193300864px 0 1px rgba(0,30,255,0.5), -0.4389924193300864px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  5% {text-shadow: 2.7928974010788217px 0 1px rgba(0,30,255,0.5), -2.7928974010788217px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  10% {text-shadow: 0.02956275843481219px 0 1px rgba(0,30,255,0.5), -0.02956275843481219px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  15% {text-shadow: 0.40218538552878136px 0 1px rgba(0,30,255,0.5), -0.40218538552878136px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  20% {text-shadow: 3.4794037899852017px 0 1px rgba(0,30,255,0.5), -3.4794037899852017px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  25% {text-shadow: 1.6125630401149584px 0 1px rgba(0,30,255,0.5), -1.6125630401149584px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  30% {text-shadow: 0.7015590085143956px 0 1px rgba(0,30,255,0.5), -0.7015590085143956px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  35% {text-shadow: 3.896914047650351px 0 1px rgba(0,30,255,0.5), -3.896914047650351px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  40% {text-shadow: 3.870905614848819px 0 1px rgba(0,30,255,0.5), -3.870905614848819px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  45% {text-shadow: 2.231056963361899px 0 1px rgba(0,30,255,0.5), -2.231056963361899px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  50% {text-shadow: 0.08084290417898504px 0 1px rgba(0,30,255,0.5), -0.08084290417898504px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  55% {text-shadow: 2.3758461067427543px 0 1px rgba(0,30,255,0.5), -2.3758461067427543px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  60% {text-shadow: 2.202193051050636px 0 1px rgba(0,30,255,0.5), -2.202193051050636px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  65% {text-shadow: 2.8638780614874975px 0 1px rgba(0,30,255,0.5), -2.8638780614874975px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  70% {text-shadow: 0.48874025155497314px 0 1px rgba(0,30,255,0.5), -0.48874025155497314px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  75% {text-shadow: 1.8948491305757957px 0 1px rgba(0,30,255,0.5), -1.8948491305757957px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  80% {text-shadow: 0.0833037308038857px 0 1px rgba(0,30,255,0.5), -0.0833037308038857px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  85% {text-shadow: 0.09769827255241735px 0 1px rgba(0,30,255,0.5), -0.09769827255241735px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  90% {text-shadow: 3.443339761481782px 0 1px rgba(0,30,255,0.5), -3.443339761481782px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  95% {text-shadow: 2.1841838852799786px 0 1px rgba(0,30,255,0.5), -2.1841838852799786px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
  100% {text-shadow: 2.6208764473832513px 0 1px rgba(0,30,255,0.5), -2.6208764473832513px 0 1px rgba(0,255,0,0.4), 0 0 3px;}
}

.crt::after {content: " ";display: block;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(18, 16, 16, 0.1);opacity: 0;z-index: 2;pointer-events: none;/*animation: flicker 0.15s infinite;*/}

.crt::before {content: " ";display: block;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));z-index: 2;background-size: 100% 2px, 3px 100%;pointer-events: none;}

.crt {animation: textShadow 1.5s infinite;}
