html,
body {
  background: #020704 !important;
  color: #d9ffd4 !important;
  font-family: "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace !important;
}

body {
  background:
    radial-gradient(circle at 20% 18%, rgba(57,255,20,.19), transparent 34%),
    radial-gradient(circle at 88% 82%, rgba(255,190,40,.08), transparent 30%),
    linear-gradient(180deg, #020704 0%, #000 100%) !important;
}

body:before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 999999;
  pointer-events: none;
  background:
    repeating-linear-gradient(to bottom, rgba(57,255,20,.05) 0 1px, transparent 1px 4px),
    linear-gradient(90deg, rgba(57,255,20,.025), transparent 24%, transparent 76%, rgba(57,255,20,.025));
  mix-blend-mode: screen;
}

body:after {
  content: "REDPOINT AUTH // ACCOUNT TERMINAL";
  position: fixed;
  left: 12px;
  top: 8px;
  z-index: 999998;
  pointer-events: none;
  color: #39ff14;
  font: 900 12px "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace;
  letter-spacing: .08em;
  text-shadow: 0 0 10px rgba(57,255,20,.85);
}

.rp-auth-shell {
  margin: 54px auto 18px auto;
  max-width: 920px;
  padding: 16px;
  border: 1px solid rgba(57,255,20,.58);
  background: rgba(2,14,8,.92);
  box-shadow: 0 0 28px rgba(57,255,20,.20), inset 0 0 34px rgba(57,255,20,.06);
}

.rp-auth-shell h1 {
  margin: 0 0 8px 0;
  color: #39ff14 !important;
  text-transform: uppercase;
  letter-spacing: .08em;
  text-shadow: 0 0 16px rgba(57,255,20,.75);
}

.rp-auth-shell p {
  margin: 0;
  color: #ffbe28;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

main,
section,
article,
aside,
nav,
header,
footer,
form,
.card,
.panel,
.modal,
.dialog,
.menu,
[class*="card"],
[class*="panel"],
[class*="form"],
[class*="container"],
[class*="wrapper"],
[class*="modal"],
[class*="dialog"],
[class*="menu"],
[class*="auth"],
[class*="login"],
[class*="reset"] {
  background-color: rgba(2,14,8,.88) !important;
  color: #d9ffd4 !important;
  border-color: rgba(57,255,20,.30) !important;
  border-radius: 0 !important;
}

button,
.btn,
[role="button"],
input,
textarea,
select,
a {
  border-radius: 0 !important;
  font-family: "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace !important;
}

button,
.btn,
[role="button"],
input[type="submit"] {
  background: linear-gradient(90deg, rgba(57,255,20,.28), rgba(57,255,20,.62)) !important;
  border: 1px solid rgba(57,255,20,.88) !important;
  color: #001b07 !important;
  font-weight: 900 !important;
  text-transform: uppercase;
}

input,
textarea,
select {
  background: rgba(0,18,8,.96) !important;
  color: #d9ffd4 !important;
  border: 1px solid rgba(57,255,20,.55) !important;
  box-shadow: inset 0 0 12px rgba(57,255,20,.08) !important;
}

input:focus,
textarea:focus,
select:focus {
  outline: 1px solid rgba(57,255,20,.90) !important;
  box-shadow: 0 0 16px rgba(57,255,20,.22), inset 0 0 12px rgba(57,255,20,.10) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
label,
[class*="title"],
[class*="heading"] {
  color: #d9ffd4 !important;
  text-shadow: 0 0 8px rgba(57,255,20,.22);
  font-family: "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace !important;
}

a,
a:visited {
  color: #aaff9a !important;
}

[class*="error"],
[class*="danger"],
.alert-danger {
  color: #ffc0c0 !important;
  border-color: rgba(255,48,48,.75) !important;
}

[class*="warning"],
.alert-warning {
  color: #ffe8a0 !important;
  border-color: rgba(255,190,40,.75) !important;
}

.rp-auth-status {
  position: fixed;
  right: 14px;
  bottom: 10px;
  z-index: 999998;
  pointer-events: none;
  color: rgba(57,255,20,.86);
  font: 900 11px "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace;
  letter-spacing: .08em;
  text-shadow: 0 0 8px rgba(57,255,20,.80);
}

@media (max-width: 850px) {
  body:after {
    content: "REDPOINT AUTH";
    max-width: 170px;
    overflow: hidden;
    white-space: nowrap;
  }

  .rp-auth-status {
    display: none;
  }

  .rp-auth-shell {
    margin-top: 44px;
  }
}