@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

html.portal-theme {
  --bg: #14181e;
  --bg-elevated: #1e242c;
  --bg-panel: #222830;
  --bg-hover: rgba(159, 212, 240, .12);
  --border: #3a4450;
  --border-strong: #9fd4f0;
  --text: #e6eef4;
  --text-secondary: #b7c3ce;
  --text-muted: #7d8894;
  --accent: #9fd4f0;
  --accent-2: #c8e8f7;
  --accent-glow: rgba(159, 212, 240, .32);
  --green: #7dd3a0;
  --red: #e06b6b;
  --amber: #e0c07a;
  --blue: #9fd4f0;
  --radius: 0;
  --radius-sm: 0;
  --shadow: 6px 6px 0 #0b0d10;
  --ease-out: cubic-bezier(.85, 0, .15, 1);
  --duration-quick: .22s;
  --duration-med: .45s;
  --chart-line-primary: #9fd4f0;
  --chart-grid: rgba(159, 212, 240, .22);
}

html.portal-theme,
html.portal-theme body {
  background: #12161b;
  color: var(--text);
  font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .01em;
  font-size: 16px;
}

html.portal-theme ::selection { color: #12161b; background: #9fd4f0; }
html.portal-theme ::-webkit-scrollbar-track { background: #12161b; }
html.portal-theme ::-webkit-scrollbar-thumb { background: #4a5560; border-color: #12161b; border-radius: 0; }

html.portal-theme .grain-orbs span { filter: none; opacity: .5; }
html.portal-theme .grain-orbs span:nth-child(1) {
  background: radial-gradient(circle, rgba(159, 212, 240, .28), transparent 68%);
}
html.portal-theme .grain-orbs span:nth-child(2) {
  background: radial-gradient(circle, rgba(120, 138, 156, .22), transparent 70%);
}
html.portal-theme .grain-orbs span:nth-child(3) {
  background: radial-gradient(circle, rgba(58, 68, 80, .4), transparent 70%);
}

html.portal-theme body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    linear-gradient(rgba(159, 212, 240, .05) 2px, transparent 2px),
    linear-gradient(90deg, rgba(159, 212, 240, .05) 2px, transparent 2px);
  background-size: 20px 20px;
  opacity: .45;
}
html.portal-theme body::after {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: .12;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.08  0 0 0 0 0.1  0 0 0 0 0.12  0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

html.portal-theme .mesh-bg,
html.portal-theme .grid-bg {
  opacity: .18;
  filter: hue-rotate(180deg) saturate(.45);
}

html.portal-theme .page-swap {
  animation: rs-page-in var(--duration-med) var(--ease-out);
}
@keyframes rs-page-in {
  from { opacity: 0; filter: blur(6px); transform: translateY(10px); }
  to { opacity: 1; filter: none; transform: none; }
}

html.portal-theme .glass,
html.portal-theme .panel,
html.portal-theme .auth-card,
html.portal-theme .user-stat-card,
html.portal-theme .reseller-product,
html.portal-theme .reseller-apply__card {
  border-radius: 0 !important;
  background: linear-gradient(#262d36, #1c222a);
  border: 3px solid #3a4450;
  box-shadow:
    6px 6px 0 #0b0d10,
    inset 2px 2px 0 rgba(159, 212, 240, .08),
    inset -2px -2px 0 rgba(0, 0, 0, .35);
  backdrop-filter: none;
  transition: transform var(--duration-quick) var(--ease-out), box-shadow var(--duration-quick) var(--ease-out);
}
html.portal-theme .glass:hover,
html.portal-theme .user-stat-card:hover,
html.portal-theme .reseller-product:hover,
html.portal-theme .rs-grid article:hover {
  transform: translate(-2px, -2px);
  box-shadow: 8px 8px 0 #0b0d10, inset 2px 2px 0 rgba(159, 212, 240, .14);
}

html.portal-theme .eyebrow,
html.portal-theme .market-hero__eyebrow,
html.portal-theme .rs-kicker,
html.portal-theme .rs-index,
html.portal-theme .docs-kicker {
  color: #9fd4f0;
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: .72rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  line-height: 1.5;
}

html.portal-theme h1,
html.portal-theme h2,
html.portal-theme h3,
html.portal-theme .catalog-head__title {
  font-family: 'IBM Plex Sans', ui-sans-serif, sans-serif;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.2;
}

html.portal-theme .btn {
  border-radius: 0;
  text-transform: uppercase;
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: .72rem;
  letter-spacing: .08em;
  font-weight: 600;
  border: 3px solid #3a4450;
  box-shadow: 4px 4px 0 #0b0d10;
  transition: transform var(--duration-quick) var(--ease-out), box-shadow var(--duration-quick) var(--ease-out);
}
html.portal-theme .btn:hover:not(:disabled) { transform: translate(-1px, -1px); box-shadow: 5px 5px 0 #0b0d10; }
html.portal-theme .btn:active:not(:disabled) {
  transform: translate(2px, 2px);
  box-shadow: 1px 1px 0 #0b0d10;
}
html.portal-theme .btn--primary {
  color: #152028;
  background: #9fd4f0;
  border-color: #7eb9d8;
}
html.portal-theme .btn--ghost {
  color: #e6eef4;
  background: #2a323c;
}

html.portal-theme .site-header,
html.portal-theme .site-header--portal {
  background: #1e242c;
  border-bottom: 3px solid #3a4450;
  backdrop-filter: none;
}
html.portal-theme .site-header--portal .site-header__inner { min-height: 68px; }

.rs-logo {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  color: inherit;
  text-decoration: none;
}
.rs-logo__glyph {
  width: 1.45rem;
  height: 1.45rem;
  background: linear-gradient(#9fd4f0 50%, #5a6570 50%);
  box-shadow: 3px 3px 0 #0b0d10;
  border: 3px solid #3a4450;
}
.rs-logo__text { display: flex; flex-direction: column; line-height: 1.1; gap: .1rem; }
.rs-logo__text strong {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 700;
  font-size: .95rem;
  letter-spacing: .04em;
}
.rs-logo__text em {
  font-style: normal;
  font-family: 'IBM Plex Mono', monospace;
  font-size: .62rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #9fd4f0;
}

html.portal-theme .portal-user {
  font-family: 'IBM Plex Mono', monospace;
  font-size: .78rem;
  color: #b7c3ce;
}

.rs-home { position: relative; z-index: 1; padding: 1.6rem 0 4rem; }
.rs-hero { display: grid; gap: 1rem; max-width: 760px; padding: 1.6rem 0 1.4rem; }
.rs-hero h1 {
  margin: 0;
  font-size: clamp(2rem, 4.2vw, 3.1rem);
}
.rs-hero h1 span { display: block; color: #9fd4f0; }
.rs-hero p { margin: 0; max-width: 36rem; color: #b7c3ce; line-height: 1.55; }
.rs-hero__cta { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: .3rem; }
.rs-hero__cta .btn { min-width: 11rem; min-height: 46px; }

.rs-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 1.2rem 0 1.8rem;
  border: 3px solid #3a4450;
  box-shadow: 6px 6px 0 #0b0d10;
}
.rs-stats article {
  padding: 1rem 1.1rem;
  background: #1e242c;
  border-right: 3px solid #3a4450;
}
.rs-stats article:last-child { border-right: 0; }
.rs-stats strong {
  display: block;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: #9fd4f0;
  animation: rs-pop .5s cubic-bezier(.34, 1.5, .64, 1);
}
.rs-stats span { color: #7d8894; font-size: .9rem; }
@keyframes rs-pop {
  from { transform: scale(.6); opacity: 0; filter: blur(4px); }
  to { transform: none; opacity: 1; filter: none; }
}

.rs-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.rs-grid h2 { margin: .4rem 0; font-size: 1.15rem; }
.rs-grid p { margin: 0; color: #b7c3ce; font-size: .98rem; line-height: 1.5; }
.rs-foot {
  margin-top: 2.2rem;
  color: #7d8894;
  font-family: 'IBM Plex Mono', monospace;
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html.portal-theme .field__input,
html.portal-theme .auth-field input,
html.portal-theme .reseller-field__input,
html.portal-theme .reseller-field__textarea,
html.portal-theme .docs-secret__input {
  border-radius: 0;
  border: 3px solid #3a4450;
  background: #14181e;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 1rem;
  color: #e6eef4;
}
html.portal-theme .category-pill,
html.portal-theme .pill-tabs__tab {
  border-radius: 0;
  font-family: 'IBM Plex Mono', monospace;
  font-size: .68rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: #1e242c;
  border: 3px solid #3a4450;
  color: #b7c3ce;
  box-shadow: none;
}
html.portal-theme .category-pill:hover,
html.portal-theme .pill-tabs__tab:hover {
  color: #e6eef4;
  border-color: #9fd4f0;
  background: rgba(159, 212, 240, .12);
}
html.portal-theme .slide-pill {
  border-radius: 0;
  background: #9fd4f0;
  box-shadow: 3px 3px 0 #0b0d10;
}
html.portal-theme .catalog-rail .slide-pill { border-radius: 0; }
html.portal-theme .catalog-rail__label { color: #9fd4f0; }
html.portal-theme .catalog-rail .category-pill {
  border-radius: 0;
  background: #1e242c;
  border: 3px solid #3a4450;
  color: #b7c3ce;
}
html.portal-theme .catalog-rail .category-pill:hover {
  color: #e6eef4;
  border-color: #9fd4f0;
  background: rgba(159, 212, 240, .12);
}
html.portal-theme .sliding-pills .category-pill--active,
html.portal-theme .sliding-pills .pill-tabs__tab--active,
html.portal-theme .category-pill--active,
html.portal-theme .pill-tabs__tab--active {
  background: transparent;
  color: #152028;
  border-color: transparent;
  box-shadow: none;
}
html.portal-theme .catalog-head {
  border-bottom-color: #3a4450;
}
html.portal-theme .catalog-head__balance span { color: #9fd4f0; }
html.portal-theme .catalog-head__balance strong { color: #9fd4f0; }
html.portal-theme .user-stat-card__value {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 700;
  font-size: 1.35rem;
  animation: rs-pop .45s cubic-bezier(.34, 1.4, .64, 1);
}

html.portal-theme .analytics-card { margin-top: 1rem; }
html.portal-theme .analytics-line { stroke: #9fd4f0; stroke-width: 3; fill: none; }
html.portal-theme .analytics-gridline { stroke: var(--chart-grid); stroke-dasharray: 4 4; }
html.portal-theme .analytics-area,
html.portal-theme .analytics-line {
  clip-path: inset(0 100% 0 0);
  animation: rs-chart-reveal 1.1s cubic-bezier(.85, 0, .15, 1) forwards;
}
html.portal-theme .analytics-tooltip {
  border-radius: 0;
  border: 3px solid #3a4450;
  background: #1e242c;
  box-shadow: 4px 4px 0 #0b0d10;
}
html.portal-theme .analytics-range button {
  border-radius: 0;
  border: 3px solid #3a4450;
  background: #2a323c;
  color: #e6eef4;
  font-family: 'IBM Plex Mono', monospace;
  font-size: .68rem;
  box-shadow: 3px 3px 0 #0b0d10;
}
html.portal-theme .analytics-range button.is-active {
  background: #9fd4f0;
  color: #152028;
}
html.portal-theme .reseller-catalog-item,
html.portal-theme .reseller-txn,
html.portal-theme .docs-acc,
html.portal-theme .docs-example {
  border-radius: 0;
  border: 3px solid #3a4450;
}
html.portal-theme .page-swap,
html.portal-theme .auth-page,
html.portal-theme .market--portal,
html.portal-theme .site-header {
  position: relative;
  z-index: 1;
}
@keyframes rs-chart-reveal { to { clip-path: inset(0 0 0 0); } }

html.portal-theme .reseller-apply__msg {
  animation: rs-toast .35s cubic-bezier(.34, 1.3, .64, 1);
}
@keyframes rs-toast {
  from { opacity: 0; transform: translateY(8px) scale(.96); filter: blur(4px); }
  to { opacity: 1; transform: none; filter: none; }
}

@media (prefers-reduced-motion: reduce) {
  html.portal-theme .page-swap,
  html.portal-theme .analytics-area,
  html.portal-theme .analytics-line,
  html.portal-theme .rs-stats strong,
  html.portal-theme .user-stat-card__value,
  html.portal-theme .reseller-apply__msg,
  html.portal-theme .key-portal { animation: none; }
}

html.portal-theme .key-portal,
html.portal-theme .key-shop {
  --key-shop-accent: #9fd4f0;
  --key-shop-rgb: 159, 212, 240;
  --accent: #9fd4f0;
  --accent-2: #c8e8f7;
  background:
    radial-gradient(42rem 28rem at 50% -8rem, rgba(159, 212, 240, .16), transparent 70%),
    #12161b;
  color: #e6eef4;
  font-family: 'IBM Plex Sans', ui-sans-serif, sans-serif;
  animation: rs-page-in var(--duration-med) var(--ease-out);
}
html.portal-theme .key-portal ::selection {
  color: #12161b;
  background: #9fd4f0;
}
html.portal-theme .key-portal__card,
html.portal-theme .key-shop__card {
  border-radius: 0;
  border: 3px solid #3a4450;
  background: linear-gradient(#262d36, #1c222a);
  box-shadow: 6px 6px 0 #0b0d10, inset 2px 2px 0 rgba(159, 212, 240, .08);
}
html.portal-theme .key-portal__logo,
html.portal-theme .key-portal__mark,
html.portal-theme .key-shop__logo,
html.portal-theme .key-shop__mark {
  border-radius: 0;
  box-shadow: 3px 3px 0 #0b0d10;
  border: 3px solid #3a4450;
}
html.portal-theme .key-portal__mark,
html.portal-theme .key-shop__mark {
  background: #9fd4f0;
  color: #152028;
  font-family: 'IBM Plex Sans', sans-serif;
}
html.portal-theme .key-portal__brand {
  color: #9fd4f0;
  font-family: 'IBM Plex Mono', monospace;
}
html.portal-theme .key-portal h1,
html.portal-theme .key-shop h1 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 700;
  letter-spacing: -.02em;
}
html.portal-theme .key-portal__lead,
html.portal-theme .key-portal__muted {
  color: #b7c3ce;
}
html.portal-theme .key-portal__form input {
  border-radius: 0;
  border: 3px solid #3a4450;
  background: #14181e;
  color: #e6eef4;
  font-family: 'IBM Plex Sans', sans-serif;
}
html.portal-theme .key-portal__form input:focus {
  border-color: #9fd4f0;
  box-shadow: 4px 4px 0 #0b0d10;
}
html.portal-theme .key-portal .btn,
html.portal-theme .key-shop .btn {
  border-radius: 0;
  font-family: 'IBM Plex Mono', monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: 4px 4px 0 #0b0d10;
}
html.portal-theme .key-portal .btn--primary,
html.portal-theme .key-portal .btn.btn--primary,
html.portal-theme .key-shop .btn--primary {
  background: #9fd4f0;
  color: #152028;
  border: 3px solid #7eb9d8;
  box-shadow: 4px 4px 0 #0b0d10;
}
html.portal-theme .key-portal .btn--ghost,
html.portal-theme .key-shop .btn--ghost {
  background: #2a323c;
  color: #e6eef4;
  border: 3px solid #3a4450;
}
html.portal-theme .key-portal__order,
html.portal-theme .key-shop-order {
  border-radius: 0;
  border: 3px solid #3a4450;
  background: #1e242c;
}
html.portal-theme .key-portal__order em {
  color: #9fd4f0;
}
html.portal-theme .key-portal .warranty-box {
  border-radius: 0;
  border-color: #3a4450;
}

html.portal-theme .key-portal__nav {
  display: flex;
  gap: .75rem;
  margin: 0 0 1rem;
  font-family: 'IBM Plex Mono', monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .78rem;
}
html.portal-theme .key-portal__nav a {
  color: #9fd4f0;
  border-bottom: 2px solid transparent;
  text-decoration: none;
}
html.portal-theme .key-portal__nav a:hover { border-bottom-color: #9fd4f0; }

html.portal-theme .rs-alerts,
html.portal-theme .rs-stock,
html.portal-theme .rs-team,
html.portal-theme .reseller-stage .catalog-stage > .glass.rs-alerts,
html.portal-theme .reseller-stage .catalog-stage > .glass.rs-stock,
html.portal-theme .reseller-stage .catalog-stage > .glass.rs-team {
  padding: 1.5rem 1.6rem 1.45rem;
  background: linear-gradient(#262d36, #1c222a);
  border: 3px solid #3a4450;
  box-shadow: 6px 6px 0 #0b0d10, inset 2px 2px 0 rgba(159, 212, 240, .08);
}
html.portal-theme .rs-alerts .section-heading,
html.portal-theme .rs-stock .section-heading,
html.portal-theme .rs-team .section-heading {
  margin: 0 0 1.15rem;
  align-items: flex-start;
}
html.portal-theme .rs-alerts .section-heading h2,
html.portal-theme .rs-stock .section-heading h2,
html.portal-theme .rs-team .section-heading h2 {
  margin: .4rem 0 .5rem;
}
html.portal-theme .rs-alerts .section-heading p,
html.portal-theme .rs-stock .section-heading p,
html.portal-theme .rs-team .section-heading p {
  margin: 0;
  max-width: 40rem;
  color: #b7c3ce;
  line-height: 1.55;
}

html.portal-theme .rs-stock__table-wrap,
html.portal-theme .rs-alerts__feed,
html.portal-theme .rs-team__list {
  overflow: auto;
}
html.portal-theme .rs-stock__table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'IBM Plex Sans', sans-serif;
}
html.portal-theme .rs-stock__table th,
html.portal-theme .rs-stock__table td {
  border: 3px solid #3a4450;
  padding: .7rem .8rem;
  text-align: left;
}
html.portal-theme .rs-stock__table th {
  background: #1e242c;
  color: #9fd4f0;
  font-family: 'IBM Plex Mono', monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .72rem;
}
html.portal-theme .rs-stock__table tr.is-oos td { color: #7d8894; }
html.portal-theme .rs-stock__buy {
  display: inline-flex;
  gap: .4rem;
  align-items: center;
}
html.portal-theme .rs-stock__buy input,
html.portal-theme .rs-team__assign select {
  width: 4.5rem;
  border: 3px solid #3a4450;
  background: #14181e;
  color: #e6eef4;
  padding: .35rem .45rem;
  font-family: 'IBM Plex Mono', monospace;
}
html.portal-theme .rs-team__assign select { width: auto; min-width: 12rem; }
html.portal-theme .rs-alerts__form,
html.portal-theme .rs-team__assign {
  display: grid;
  gap: .75rem;
  margin: 0 0 1.5rem;
}
html.portal-theme .rs-alerts__channel {
  display: grid;
  gap: .45rem;
  padding: .85rem .9rem;
  border: 3px solid #3a4450;
  background: #14181e;
  box-shadow: 3px 3px 0 #0b0d10;
}
html.portal-theme .rs-alerts__channel .reseller-field { margin: 0; }
html.portal-theme .rs-alerts__channel .reseller-field__input:disabled {
  opacity: .45;
}
html.portal-theme .rs-check {
  display: flex;
  gap: .75rem;
  align-items: center;
  color: #e6eef4;
  cursor: pointer;
  min-height: 1.35rem;
  font-size: .95rem;
}
html.portal-theme .rs-check input {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: 1.15rem;
  height: 1.15rem;
  margin: 0;
  flex: 0 0 1.15rem;
  border: 3px solid #3a4450;
  background: #14181e;
  box-shadow: 2px 2px 0 #0b0d10;
  cursor: pointer;
}
html.portal-theme .rs-check input:hover {
  border-color: #9fd4f0;
}
html.portal-theme .rs-check input:checked {
  background: #9fd4f0;
  border-color: #7eb9d8;
}
html.portal-theme .rs-check input:checked::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 0;
  width: 5px;
  height: 9px;
  border: solid #152028;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
html.portal-theme .rs-check input:focus-visible {
  outline: 2px solid #9fd4f0;
  outline-offset: 2px;
}
html.portal-theme .rs-alerts__feed article,
html.portal-theme .rs-team__card {
  border: 3px solid #3a4450;
  background: #1e242c;
  padding: .9rem 1rem;
  margin: 0 0 .75rem;
}
html.portal-theme .rs-alerts__feed article.is-new { border-color: #9fd4f0; }
html.portal-theme .rs-alerts__feed time,
html.portal-theme .rs-team__card span {
  display: block;
  color: #7d8894;
  font-size: .85rem;
  margin-top: .35rem;
}

html.portal-theme {
  color-scheme: dark;
}

html.portal-theme .btn--ghost,
html.portal-theme .btn.btn--ghost {
  color: #e6eef4;
  background: #2a323c;
  border-color: #3a4450;
}
html.portal-theme .btn--ghost:hover:not(:disabled),
html.portal-theme .btn--ghost:focus,
html.portal-theme .btn--ghost:focus-visible,
html.portal-theme .rs-hero__cta .btn--ghost:hover:not(:disabled) {
  color: #152028;
  background: #9fd4f0;
  border-color: #7eb9d8;
  outline: none;
  box-shadow: 4px 4px 0 #0b0d10;
}
html.portal-theme :focus-visible {
  outline: 2px solid #9fd4f0;
  outline-offset: 3px;
}

html.portal-theme .cart-pay-methods__choice {
  border-radius: 0;
  border: 3px solid #3a4450;
  background: #1e242c;
  color: #e6eef4;
  box-shadow: 3px 3px 0 #0b0d10;
}
html.portal-theme .cart-pay-methods__choice.is-active,
html.portal-theme .cart-pay-methods__choice.is-active:hover {
  color: #152028;
  background: #9fd4f0;
  border-color: #7eb9d8;
  box-shadow: 3px 3px 0 #0b0d10;
}

html.portal-theme .reseller-catalog-item b,
html.portal-theme .reseller-variant-row__price b,
html.portal-theme .docs-example__copy,
html.portal-theme .reseller-keys-table__key:hover,
html.portal-theme .auth-switch a {
  color: #9fd4f0;
}

html.portal-theme .docs-secret code,
html.portal-theme .docs-secret__input,
html.portal-theme .docs-variant,
html.portal-theme .docs-code,
html.portal-theme .reseller-buy-qty,
html.portal-theme .cart-gift__email input {
  border-radius: 0;
  border: 3px solid #3a4450;
  background: #14181e;
  color: #e6eef4;
  box-shadow: none;
}

html.portal-theme .reseller-apply__badge {
  border-radius: 0;
  border: 3px solid #7eb9d8;
  background: #9fd4f0;
  color: #152028;
  box-shadow: 3px 3px 0 #0b0d10;
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  letter-spacing: .12em;
}
html.portal-theme .reseller-apply__info {
  background: transparent;
  border-right: 0;
  padding: 0;
}
html.portal-theme .reseller-page .reseller-apply__info {
  padding: 1.25rem 1.35rem 1.3rem;
  border: 3px solid #3a4450;
  background: linear-gradient(#262d36, #1c222a);
  box-shadow: 6px 6px 0 #0b0d10;
}
html.portal-theme .reseller-perks__icon {
  color: #9fd4f0;
}
html.portal-theme .reseller-page .reseller-perks li {
  border: 3px solid #3a4450;
  border-radius: 0;
  background: #14181e;
  box-shadow: 3px 3px 0 #0b0d10;
}
html.portal-theme .reseller-tier-preview,
html.portal-theme .reseller-tier-preview__row {
  border-radius: 0;
  border: 3px solid #3a4450;
  background: #14181e;
  box-shadow: 3px 3px 0 #0b0d10;
}
html.portal-theme .reseller-tier-preview__row strong {
  color: #9fd4f0;
}

html.portal-theme .reseller-stage .reseller-product,
html.portal-theme .reseller-stage .reseller-delivery-card,
html.portal-theme .reseller-stage .dashboard-order,
html.portal-theme .reseller-stage .docs-acc,
html.portal-theme .reseller-stage .docs-cred,
html.portal-theme .reseller-stage .docs-group,
html.portal-theme .reseller-stage .reseller-shop-url,
html.portal-theme .reseller-stage .reseller-balance-topup,
html.portal-theme .reseller-stage .user-stat-card,
html.portal-theme .reseller-page .reseller-apply__card,
html.portal-theme .reseller-page .reseller-pending__inner,
html.portal-theme .reseller-stage .reseller-feature-list li,
html.portal-theme .reseller-variant-row,
html.portal-theme .docs-chip {
  border-radius: 0;
  border-color: #3a4450;
  background: #1e242c;
}
html.portal-theme .docs-chip:hover {
  border-color: #9fd4f0;
  background: rgba(159, 212, 240, .1);
  transform: none;
}

html.portal-theme .auth-page,
html.portal-theme .login-page {
  background:
    radial-gradient(42rem 28rem at 50% 28%, rgba(159, 212, 240, .14), transparent 70%),
    #12161b;
}

html.portal-theme input:-webkit-autofill,
html.portal-theme input:-webkit-autofill:hover,
html.portal-theme input:-webkit-autofill:focus,
html.portal-theme textarea:-webkit-autofill {
  -webkit-text-fill-color: #e6eef4;
  caret-color: #e6eef4;
  border-color: #3a4450;
  box-shadow: 0 0 0 1000px #14181e inset;
  -webkit-box-shadow: 0 0 0 1000px #14181e inset;
  transition: background-color 99999s ease-out;
}

html.portal-theme .reseller-apply__msg {
  margin: 0 0 .85rem;
  border-radius: 0;
  border-width: 3px;
}
html.portal-theme .reseller-apply__msg--success {
  color: #152028;
  background: #9fd4f0;
  border-color: #7eb9d8;
}
html.portal-theme .catalog-stage > .reseller-apply__msg {
  margin: 0;
}
html.portal-theme .reseller-keys-head {
  align-items: center;
  margin-top: 0;
}

html.portal-theme .slide-pill {
  background: #9fd4f0 !important;
  box-shadow: 3px 3px 0 #0b0d10;
}
html.portal-theme .catalog-head {
  border-bottom: 3px solid #3a4450;
}
html.portal-theme .reseller-stage .reseller-txn {
  border-top-color: #3a4450;
}
html.portal-theme .reseller-keys-table__key:hover { color: #9fd4f0; }
html.portal-theme .docs-kicker { color: #9fd4f0; }

@media (max-width: 860px) {
  .rs-stats, .rs-grid { grid-template-columns: 1fr; }
  .rs-stats article { border-right: 0; border-bottom: 3px solid #3a4450; }
}