:root{
  --lt-bg:#06080f;
  --lt-bg-soft:#0a0f1b;
  --lt-panel:#0d1424;
  --lt-panel-2:#101827;
  --lt-line:#1c2540;
  --lt-line-soft:#162033;
  --lt-text:#e7eaf3;
  --lt-muted:#8a93ad;
  --lt-faint:#5c637c;
  --lt-cyan:#2fe0d0;
  --lt-green:#75ef9a;
  --lt-amber:#ffbd59;
  --lt-blue:#4f8dff;
  --lt-shadow:0 28px 90px rgba(0,0,0,.35);
}

html.lowertoken-brand-root body,
html body.lowertoken-brand{
  background:
    radial-gradient(circle at 24% 18%,rgba(47,224,208,.14),transparent 30%),
    radial-gradient(circle at 72% 18%,rgba(255,189,89,.11),transparent 28%),
    linear-gradient(135deg,rgba(79,141,255,.08),transparent 34%),
    var(--lt-bg) !important;
  color:var(--lt-text) !important;
}

html.lowertoken-brand-root body::before,
body.lowertoken-brand::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,#000,transparent 82%);
}

html.lowertoken-brand-root body #root,
body.lowertoken-brand #root{
  min-height:100vh;
  color:var(--lt-text);
}

body.lowertoken-brand a{
  color:var(--lt-cyan);
}

body.lowertoken-brand h1,
body.lowertoken-brand h2,
body.lowertoken-brand h3,
body.lowertoken-brand h4,
body.lowertoken-brand h5,
body.lowertoken-brand h6{
  color:var(--lt-text);
  letter-spacing:0;
}

body.lowertoken-brand .lt-app-logo{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  color:var(--lt-text);
}

body.lowertoken-brand .lt-app-logo-mark{
  width:36px;
  height:36px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--lt-text);
  background:radial-gradient(circle at 36% 24%,#25314d,#090d16 72%);
  border:1px solid var(--lt-line);
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}

body.lowertoken-brand .lt-app-logo-mark svg{
  width:26px;
  height:26px;
  display:block;
}

body.lowertoken-brand [class*="semi-layout"],
body.lowertoken-brand [class*="semi-navigation"],
body.lowertoken-brand [class*="semi-sider"],
body.lowertoken-brand [class*="semi-page"],
body.lowertoken-brand [class*="semi-modal-content"]{
  background-color:var(--lt-bg-soft) !important;
  color:var(--lt-text) !important;
}

body.lowertoken-brand [class*="semi-card"],
body.lowertoken-brand [class*="semi-table"],
body.lowertoken-brand [class*="semi-form"],
body.lowertoken-brand [class*="semi-list"],
body.lowertoken-brand [class*="semi-tabs-content"],
body.lowertoken-brand [class*="semi-modal"] [class*="content"],
body.lowertoken-brand [class*="login"] [class*="card"],
body.lowertoken-brand form{
  background:linear-gradient(180deg,rgba(13,20,36,.95),rgba(8,11,19,.95)) !important;
  border-color:var(--lt-line) !important;
  color:var(--lt-text) !important;
}

body.lowertoken-brand [class*="semi-card"],
body.lowertoken-brand [class*="semi-modal"] [class*="content"],
body.lowertoken-brand [class*="login"] [class*="card"],
body.lowertoken-brand form{
  border-radius:8px !important;
  box-shadow:var(--lt-shadow) !important;
}

body.lowertoken-brand [class*="semi-input-wrapper"],
body.lowertoken-brand [class*="semi-select"],
body.lowertoken-brand [class*="semi-textarea"],
body.lowertoken-brand input,
body.lowertoken-brand textarea{
  background:rgba(255,255,255,.055) !important;
  border-color:var(--lt-line-soft) !important;
  color:var(--lt-text) !important;
  border-radius:8px !important;
}

body.lowertoken-brand input::placeholder,
body.lowertoken-brand textarea::placeholder{
  color:var(--lt-muted) !important;
}

body.lowertoken-brand [class*="semi-button-primary"],
body.lowertoken-brand button[type="submit"]{
  background:linear-gradient(135deg,var(--lt-cyan),var(--lt-green) 58%,var(--lt-amber)) !important;
  color:#06080f !important;
  border-color:transparent !important;
  border-radius:8px !important;
  font-weight:800 !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.13) inset,0 16px 36px -18px rgba(47,224,208,.75) !important;
}

body.lowertoken-brand [class*="semi-button"]:not([class*="semi-button-primary"]){
  border-radius:8px !important;
}

body.lowertoken-brand [class*="semi-button-tertiary"],
body.lowertoken-brand [class*="semi-button-light"],
body.lowertoken-brand [class*="semi-button-borderless"]{
  background:rgba(255,255,255,.055) !important;
  color:var(--lt-text) !important;
  border-color:var(--lt-line-soft) !important;
}

body.lowertoken-brand [class*="semi-table"],
body.lowertoken-brand [class*="semi-table-thead"],
body.lowertoken-brand [class*="semi-table-row"],
body.lowertoken-brand [class*="semi-table-cell"]{
  background-color:transparent !important;
  border-color:var(--lt-line-soft) !important;
  color:var(--lt-text) !important;
}

body.lowertoken-brand [class*="semi-tag"],
body.lowertoken-brand [class*="semi-badge"],
body.lowertoken-brand [class*="semi-tooltip"],
body.lowertoken-brand [class*="semi-popover"]{
  border-radius:8px !important;
}

body.lowertoken-brand [class*="semi-navigation-item"],
body.lowertoken-brand [class*="semi-tabs-tab"],
body.lowertoken-brand [class*="semi-dropdown-item"]{
  color:var(--lt-muted) !important;
}

body.lowertoken-brand [class*="semi-navigation-item-selected"],
body.lowertoken-brand [class*="semi-tabs-tab-active"],
body.lowertoken-brand [class*="semi-dropdown-item"]:hover{
  color:var(--lt-text) !important;
  background:rgba(47,224,208,.1) !important;
}

body.lowertoken-brand [class*="semi-progress"],
body.lowertoken-brand [class*="semi-slider"]{
  --semi-color-primary:var(--lt-cyan);
}

body.lowertoken-brand .semi-form-field-label,
body.lowertoken-brand label,
body.lowertoken-brand [class*="semi-typography"],
body.lowertoken-brand [class*="semi-form"],
body.lowertoken-brand [class*="semi-descriptions"],
body.lowertoken-brand [class*="semi-breadcrumb"]{
  color:var(--lt-text) !important;
}

body.lowertoken-brand [class*="secondary"],
body.lowertoken-brand [class*="tertiary"],
body.lowertoken-brand [class*="description"],
body.lowertoken-brand [class*="hint"],
body.lowertoken-brand [class*="help"],
body.lowertoken-brand footer,
body.lowertoken-brand small{
  color:var(--lt-muted) !important;
}

body.lowertoken-brand .lt-login-brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  margin:0 auto 18px;
  text-align:center;
}

body.lowertoken-brand .lt-login-brand .lt-app-logo-mark{
  width:48px;
  height:48px;
}

body.lowertoken-brand .lt-login-brand .lt-app-logo-mark svg{
  width:34px;
  height:34px;
}

body.lowertoken-brand .lt-login-brand strong{
  font-size:24px;
  line-height:1;
  letter-spacing:0;
}

body.lowertoken-brand .lt-login-brand span{
  color:var(--lt-muted);
  font-size:13px;
}

@media (max-width:640px){
  html.lowertoken-brand-root body,
  body.lowertoken-brand{
    background:
      radial-gradient(circle at 25% 8%,rgba(47,224,208,.15),transparent 35%),
      radial-gradient(circle at 78% 16%,rgba(255,189,89,.1),transparent 30%),
      var(--lt-bg) !important;
  }
}
