:root { --brand:#A07CFF; --brand-2:#6EC3F4; }

/* page background */
body { background: radial-gradient(1200px 800px at 10% 0%, #0b0f1a 0, #06080f 60%); color:#e6e9ef; }

/* top-left logo (works without touching templates) */
body::before{
  content:""; position:fixed; z-index:10; top:18px; left:18px; width:160px; height:36px;
  background:url("/auth/assets/images/brand.svg") no-repeat 0 0 / contain;
  opacity:.95; pointer-events:none;
}

/* cards / panels */
.card, .panel, .box { background: rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); backdrop-filter: blur(8px); }

/* primary buttons/links */
button, .btn-primary, a.button {
  background: linear-gradient(90deg, var(--brand), var(--brand-2)); border:none; color:#0b0f1a!important;
}
a, .link { color: var(--brand); }
input, select, textarea { background:#0f1422; border:1px solid #1b2234; color:#e6e9ef; }

/* focus glow */
:focus { outline: 2px solid color-mix(in oklab, var(--brand), white 25%); outline-offset:2px; }

CSS