/* =========================================
   LOGIN - STARUP AGENCY (preto + dourado)
========================================= */

:root{
  --starup-bg: #050505;
  --starup-card: #0d0d0d;
  --starup-card-border: rgba(255,255,255,.08);
  --starup-shadow: 0 20px 60px rgba(0,0,0,.45);

  --starup-text: #f4f4f4;
  --starup-muted: rgba(244,244,244,.72);

  --starup-gold: #E8A818;
  --starup-gold-2: #E8A818;

  --starup-input-bg: rgba(255,255,255,.03);
  --starup-input-border: rgba(255,255,255,.12);
  --starup-input-focus: rgba(232,168,24,.18);

  --starup-alert-bg: rgba(255, 80, 80, .10);
  --starup-alert-border: rgba(255, 80, 80, .24);
  --starup-alert-text: #ffd0d0;
}

html,
body.starup-login-body{
  margin: 0;
  min-height: 100%;
  background: var(--starup-bg);
  color: var(--starup-text);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

body.starup-login-body{
  min-height: 100vh;
}

.starup-login-page{
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 26px 16px;
  background:
    radial-gradient(circle at top center, rgba(232,168,24,.16) 0%, rgba(232,168,24,0) 34%),
    radial-gradient(circle at top left, rgba(232,168,24,.08), transparent 24%),
    radial-gradient(circle at top right, rgba(232,168,24,.06), transparent 22%),
    #050505;
}

.starup-login-overlay{
  display: none;
}

.starup-login-wrap{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.starup-login-card{
  width: 100%;
  max-width: 460px;
  background: rgba(13,13,13,.94);
  border: 1px solid var(--starup-card-border);
  border-radius: 22px;
  box-shadow:
    var(--starup-shadow),
    0 0 0 1px rgba(232,168,24,.05) inset;
  padding: 30px 30px 24px;
  backdrop-filter: blur(10px);
}

.starup-login-brand{
  margin-bottom: 18px;
  text-align: center;
}

.starup-login-brand-link{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

.starup-login-brand-logo img,
.starup-login-logo-img{
  width: 150px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

.starup-login-brand-name{
  display: none;
}

.starup-login-head{
  margin-bottom: 18px;
}

.starup-login-kicker{
  margin: 0 0 6px;
  color: var(--starup-gold);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  text-align: left;
}

.starup-login-title{
  margin: 0;
  font-size: 32px;
  line-height: 1.05;
  font-weight: 900;
  color: #fff;
}

.starup-login-subtitle{
  margin: 8px 0 0;
  color: var(--starup-muted);
  font-size: 14px;
  line-height: 1.5;
}

.starup-login-alert{
  margin-bottom: 16px;
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--starup-alert-bg);
  border: 1px solid var(--starup-alert-border);
  color: var(--starup-alert-text);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
}

.starup-login-form{
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.starup-field{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.starup-label{
  color: #f4f4f4;
  font-size: 14px;
  font-weight: 700;
}

.starup-input{
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid var(--starup-input-border);
  background: var(--starup-input-bg);
  color: #fff;
  padding: 0 14px;
  font-size: 15px;
  font-weight: 600;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.starup-input::placeholder{
  color: rgba(255,255,255,.35);
}

.starup-input:focus{
  border-color: rgba(232,168,24,.65);
  background: rgba(255,255,255,.05);
  box-shadow: 0 0 0 3px var(--starup-input-focus);
}

.starup-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 2px;
}

.starup-check{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--starup-muted);
  font-size: 14px;
  font-weight: 600;
}

.starup-check input{
  accent-color: var(--starup-gold);
}

.starup-link{
  color: var(--starup-gold);
  text-decoration: underline;
  font-size: 14px;
  font-weight: 700;
  transition: opacity .15s ease, color .15s ease;
}

.starup-link:hover{
  color: #fff;
  opacity: 1;
}

.starup-btn{
  align-self: flex-end;
  min-width: 124px;
  height: 46px;
  padding: 0 22px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(180deg, var(--starup-gold), var(--starup-gold-2));
  color: #0b0b0b;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: .2px;
  cursor: pointer;
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

.starup-btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow: 0 10px 22px rgba(232,168,24,.22);
}

.starup-login-footer{
  margin-top: 18px;
  text-align: left;
}

.starup-login-back{
  color: var(--starup-muted);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: color .15s ease;
}

.starup-login-back:hover{
  color: #fff;
}

@media (max-width: 640px){
  .starup-login-page{
    padding: 18px 12px;
  }

  .starup-login-card{
    max-width: 100%;
    padding: 24px 18px 20px;
    border-radius: 18px;
  }

  .starup-login-brand-logo img,
  .starup-login-logo-img{
    width: 120px;
  }

  .starup-login-title{
    font-size: 28px;
  }

  .starup-login-subtitle{
    font-size: 13px;
  }

  .starup-input{
    height: 46px;
  }

  .starup-btn{
    width: 100%;
    align-self: stretch;
  }

  .starup-row{
    flex-direction: column;
    align-items: flex-start;
  }
}

/* =========================================
   STARUP LOGIN PATCH - visual completo + dourado oficial
========================================= */
.starup-login-brand-logo{
  width: 230px;
  height: 130px;
  display:block;
  overflow:hidden;
  margin: 0 auto 2px;
}

.starup-login-brand-logo img,
.starup-login-logo-img{
  width: 230px !important;
  height: 130px !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  display:block !important;
}

.starup-login-kicker,
.starup-link{
  color:#E8A818 !important;
}

.starup-input:focus{
  border-color: rgba(232,168,24,.70) !important;
  box-shadow: 0 0 0 3px rgba(232,168,24,.18) !important;
}

.starup-check input{
  accent-color:#E8A818 !important;
}

.starup-btn{
  background: linear-gradient(180deg, #E8A818, #E8A818) !important;
  color:#fff !important;
}

.starup-btn:hover{
  box-shadow: 0 10px 22px rgba(232,168,24,.24) !important;
}

@media (max-width: 640px){
  .starup-login-brand-logo{
    width: 190px;
    height: 112px;
  }

  .starup-login-brand-logo img,
  .starup-login-logo-img{
    width: 190px !important;
    height: 112px !important;
  }
}

/* Backstage usa o mesmo layout do /login. Feedbacks permanecem dentro do mesmo padrão visual. */
.starup-login-alert--success{
  background: rgba(232,168,24,.10);
  border-color: rgba(232,168,24,.26);
  color: #fff;
}

/* STARUP PATCH - nova logo sem corte */
.starup-login-brand-logo img,
.starup-login-logo-img{
  object-fit:contain !important;
  object-position:center !important;
}


/* STARUP PATCH - logo de login maior sem corte */
.starup-login-brand-logo{
  width:300px !important;
  height:150px !important;
  max-width:100% !important;
  margin:0 auto 8px !important;
  overflow:visible !important;
}
.starup-login-brand-logo img,
.starup-login-logo-img{
  width:300px !important;
  height:150px !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}
@media (max-width:640px){
  .starup-login-brand-logo{
    width:238px !important;
    height:122px !important;
  }
  .starup-login-brand-logo img,
  .starup-login-logo-img{
    width:238px !important;
    height:122px !important;
  }
}

/* =========================================================
   STARUP PATCH 2026-05-11 - logo login/backstage maior
   ========================================================= */
.starup-login-brand{
  margin-bottom:22px !important;
}
.starup-login-brand-logo{
  width:min(440px, 100%) !important;
  height:188px !important;
  max-width:100% !important;
  margin:0 auto 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
}
.starup-login-brand-logo img,
.starup-login-logo-img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:scale(1.28) !important;
  transform-origin:center !important;
  display:block !important;
}
@media (max-width:640px){
  .starup-login-brand-logo{
    width:min(330px, 100%) !important;
    height:145px !important;
  }
  .starup-login-brand-logo img,
  .starup-login-logo-img{
    transform:scale(1.18) !important;
  }
}

/* =========================================================
   STARUP v1.3.1 — /backstage unificado TikTok + Bigo
   ========================================================= */
body.starup-unified-login .starup-login-page{
  min-height:100vh;
  padding:30px 18px;
  background:
    radial-gradient(circle at 5% 50%, rgba(240,184,32,.20), transparent 34%),
    radial-gradient(circle at 96% 50%, rgba(0,211,230,.14), transparent 34%),
    linear-gradient(115deg,#171004 0%,#070912 48%,#001821 100%) !important;
}
body.starup-unified-login.starup-portal-retired .starup-login-page{
  background:
    radial-gradient(circle at 5% 50%, rgba(240,184,32,.18), transparent 34%),
    radial-gradient(circle at 96% 50%, rgba(255,204,0,.11), transparent 34%),
    linear-gradient(115deg,#171004 0%,#090910 48%,#161006 100%) !important;
}
body.starup-unified-login .starup-login-card{
  max-width:470px !important;
  padding:30px 38px 28px !important;
  border-radius:28px !important;
  background:linear-gradient(145deg,rgba(17,13,21,.96),rgba(8,17,25,.95)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.03) !important;
}
body.starup-unified-login .starup-login-brand{
  margin:0 0 14px !important;
}
body.starup-unified-login .starup-login-brand-logo{
  width:118px !important;
  height:118px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
}
body.starup-unified-login .starup-login-brand-logo img,
body.starup-unified-login .starup-login-logo-img{
  width:118px !important;
  height:118px !important;
  max-width:118px !important;
  object-fit:contain !important;
  transform:none !important;
  filter:none !important;
}
body.starup-unified-login .starup-unified-head{
  text-align:center;
  margin-bottom:20px;
}
body.starup-unified-login .starup-unified-title{
  margin:0;
  color:#fff;
  font-size:30px;
  line-height:1.15;
  font-weight:400;
}
body.starup-unified-login .starup-unified-title strong{
  color:#18d7e7;
  font-weight:900;
}
body.starup-unified-login.starup-portal-retired .starup-unified-title strong{
  color:#ffd400;
}
body.starup-unified-login .starup-unified-subtitle{
  margin:8px 0 0;
  color:#8f9ab1;
  font-size:15px;
  font-weight:500;
}
body.starup-unified-login .starup-portal-selector{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  padding:6px;
  margin:0 0 24px;
  border-radius:14px;
  background:rgba(0,0,0,.34);
  border:1px solid rgba(255,255,255,.04);
}
body.starup-unified-login .starup-portal-option{
  min-height:54px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#9ba5ba;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font:800 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.03em;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
}
body.starup-unified-login .starup-portal-option:hover{
  color:#fff;
}
body.starup-unified-login .starup-portal-option.is-active[data-starup-portal-option="tiktok"]{
  color:#fff;
  background:linear-gradient(105deg,rgba(240,184,32,.34),rgba(24,215,231,.30));
  box-shadow:inset 3px 0 #E8A818,inset -2px 0 rgba(24,215,231,.25);
}
body.starup-unified-login .starup-portal-option.is-active[data-starup-portal-option="bigo"]{
  color:#fff;
  background:linear-gradient(105deg,rgba(240,184,32,.28),rgba(255,212,0,.24));
  box-shadow:inset 3px 0 #E8A818,inset -2px 0 rgba(255,212,0,.25);
}
body.starup-unified-login .starup-portal-option__icon{
  width:22px;
  height:22px;
  border:1px solid currentColor;
  border-radius:7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:900;
}
body.starup-unified-login .starup-portal-option__icon--tiktok{
  border-radius:50%;
}
body.starup-unified-login .starup-field{
  gap:8px;
}
body.starup-unified-login .starup-label{
  text-align:center;
  font-size:14px;
  color:#f8f8fb;
}
body.starup-unified-login .starup-input{
  height:56px;
  border-radius:13px;
  background:rgba(3,6,12,.55);
  border-color:rgba(255,255,255,.12);
  font-weight:500;
}
body.starup-unified-login .starup-password-wrap{
  position:relative;
}
body.starup-unified-login .starup-password-wrap .starup-input{
  padding-right:52px;
}
body.starup-unified-login .starup-password-toggle{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border:0;
  background:transparent;
  color:#8a909a;
  cursor:pointer;
  border-radius:9px;
  font-size:18px;
}
body.starup-unified-login .starup-password-toggle:hover,
body.starup-unified-login .starup-password-toggle:focus-visible{
  color:#fff;
  background:rgba(255,255,255,.05);
}
body.starup-unified-login .starup-row{
  margin-top:0;
}
body.starup-unified-login .starup-unified-submit{
  width:100%;
  align-self:stretch;
  height:58px;
  margin-top:4px;
  border-radius:13px;
  background:linear-gradient(100deg,#F8C830 0%,#E8A818 32%,#16dce7 100%) !important;
  color:#fff !important;
}
body.starup-unified-login.starup-portal-retired .starup-unified-submit{
  background:linear-gradient(100deg,#F8C830 0%,#E8A818 40%,#ffd400 100%) !important;
}
body.starup-unified-login .starup-login-footer{
  margin-top:18px;
}
body.starup-unified-login .starup-login-back{
  color:#E8A818;
  font-weight:700;
}
body.starup-unified-login .starup-login-alert{
  margin-top:0;
}
@media (max-width:640px){
  body.starup-unified-login .starup-login-card{
    padding:24px 18px 22px !important;
    border-radius:22px !important;
  }
  body.starup-unified-login .starup-login-brand-logo,
  body.starup-unified-login .starup-login-brand-logo img,
  body.starup-unified-login .starup-login-logo-img{
    width:96px !important;
    height:96px !important;
    max-width:96px !important;
  }
  body.starup-unified-login .starup-unified-title{font-size:26px;}
  body.starup-unified-login .starup-portal-option{min-height:50px;font-size:12px;gap:6px;}
}

/* =========================================================
   STARUP v1.3.2 — login unificado: logos oficiais + cores por portal
   ========================================================= */
body.starup-unified-login{
  height:100vh !important;
  min-height:100vh !important;
  overflow:hidden !important;
}
body.starup-unified-login .starup-login-page{
  height:100vh !important;
  min-height:0 !important;
  box-sizing:border-box !important;
  padding:12px 16px !important;
  overflow:hidden !important;
}
body.starup-unified-login .starup-login-wrap{
  min-height:0 !important;
  height:100% !important;
}
body.starup-unified-login .starup-login-card{
  max-width:460px !important;
  max-height:calc(100vh - 24px) !important;
  padding:clamp(18px,2.1vh,28px) 34px !important;
  overflow:visible !important;
}
body.starup-unified-login .starup-login-brand{
  margin-bottom:clamp(8px,1.3vh,14px) !important;
}
body.starup-unified-login .starup-login-brand-logo,
body.starup-unified-login .starup-login-brand-logo img,
body.starup-unified-login .starup-login-logo-img{
  width:clamp(78px,9.5vh,104px) !important;
  height:clamp(78px,9.5vh,104px) !important;
  max-width:104px !important;
  max-height:104px !important;
}
body.starup-unified-login .starup-unified-head{
  margin-bottom:clamp(12px,1.8vh,18px) !important;
}
body.starup-unified-login .starup-unified-title{
  font-size:clamp(25px,3.2vh,30px) !important;
}
body.starup-unified-login .starup-unified-title strong{
  color:#F8C830 !important;
}
body.starup-unified-login.starup-portal-retired .starup-unified-title strong{
  color:#00F7E7 !important;
}
body.starup-unified-login .starup-unified-subtitle{
  margin-top:6px !important;
  font-size:14px !important;
}
body.starup-unified-login .starup-portal-selector{
  margin-bottom:clamp(14px,2vh,20px) !important;
  gap:6px !important;
  padding:5px !important;
}
body.starup-unified-login .starup-portal-option{
  min-height:48px !important;
  gap:9px !important;
}
body.starup-unified-login .starup-portal-option__icon{
  width:28px !important;
  height:28px !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  flex:0 0 28px !important;
}
body.starup-unified-login .starup-portal-option__icon img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center !important;
}
body.starup-unified-login .starup-portal-option__icon--bigo img{
  transform:scale(1.25) !important;
  transform-origin:center !important;
}
body.starup-unified-login .starup-portal-option.is-active[data-starup-portal-option="tiktok"]{
  background:rgba(248,200,48,.15) !important;
  box-shadow:inset 3px 0 #F8C830,inset 0 0 0 1px rgba(248,200,48,.32) !important;
}
body.starup-unified-login .starup-portal-option.is-active[data-starup-portal-option="bigo"]{
  background:rgba(0,247,231,.12) !important;
  box-shadow:inset 3px 0 #00F7E7,inset 0 0 0 1px rgba(0,247,231,.28) !important;
}
body.starup-unified-login .starup-login-form{
  gap:clamp(11px,1.55vh,15px) !important;
}
body.starup-unified-login .starup-input{
  height:clamp(48px,6.1vh,54px) !important;
}
body.starup-unified-login .starup-input:focus{
  border-color:rgba(248,200,48,.74) !important;
  box-shadow:0 0 0 3px rgba(248,200,48,.14) !important;
}
body.starup-unified-login.starup-portal-retired .starup-input:focus{
  border-color:rgba(0,247,231,.72) !important;
  box-shadow:0 0 0 3px rgba(0,247,231,.12) !important;
}
body.starup-unified-login .starup-link{
  color:#F8C830 !important;
}
body.starup-unified-login.starup-portal-retired .starup-link{
  color:#00F7E7 !important;
}
body.starup-unified-login .starup-check input{
  accent-color:#F8C830 !important;
}
body.starup-unified-login.starup-portal-retired .starup-check input{
  accent-color:#00F7E7 !important;
}
body.starup-unified-login .starup-unified-submit{
  width:100% !important;
  height:54px !important;
  margin-top:2px !important;
  background:#F8C830 !important;
  color:#fff !important;
  box-shadow:none !important;
}
body.starup-unified-login.starup-portal-retired .starup-unified-submit{
  background:#00F7E7 !important;
  color:#061314 !important;
}
body.starup-unified-login .starup-unified-submit:hover{
  filter:brightness(1.06) !important;
  box-shadow:0 10px 24px rgba(248,200,48,.22) !important;
}
body.starup-unified-login.starup-portal-retired .starup-unified-submit:hover{
  box-shadow:0 10px 24px rgba(0,247,231,.18) !important;
}
body.starup-unified-login .starup-login-secondary-action{
  width:100% !important;
  height:54px !important;
  align-self:stretch !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-top:0 !important;
  text-decoration:none !important;
  background:#27242c !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:none !important;
}
body.starup-unified-login .starup-login-secondary-action:hover{
  background:#343039 !important;
  filter:none !important;
  box-shadow:none !important;
}
body.starup-unified-login .starup-login-footer{
  display:none !important;
}
@media (max-width:640px){
  body.starup-unified-login .starup-login-page{padding:8px !important;}
  body.starup-unified-login .starup-login-card{
    max-height:calc(100vh - 16px) !important;
    padding:16px 16px !important;
  }
  body.starup-unified-login .starup-login-brand-logo,
  body.starup-unified-login .starup-login-brand-logo img,
  body.starup-unified-login .starup-login-logo-img{
    width:72px !important;
    height:72px !important;
    max-width:72px !important;
    max-height:72px !important;
  }
  body.starup-unified-login .starup-portal-option{min-height:44px !important;}
  body.starup-unified-login .starup-portal-option__icon{width:24px !important;height:24px !important;flex-basis:24px !important;}
  body.starup-unified-login .starup-unified-submit,
  body.starup-unified-login .starup-login-secondary-action{height:48px !important;}
}

/* =========================================================
   STARUP v1.3.3 — cor TikTok + seletor administrativo de portal
   ========================================================= */
body.starup-unified-login.starup-portal-tiktok .starup-unified-title strong,
body.starup-unified-login:not(.starup-portal-retired) .starup-unified-title strong{
  color:#F8C830 !important;
}
body.starup-unified-login.starup-portal-retired .starup-unified-title strong{
  color:#00F7E7 !important;
}

/* A arte oficial do TikTok usada pelo tema é multicolorida/escura.
   No seletor ela é apresentada em branco para igualar o padrão visual pedido. */
body.starup-unified-login .starup-portal-option__icon--tiktok img{
  filter:brightness(0) invert(1) !important;
  -webkit-filter:brightness(0) invert(1) !important;
  opacity:1 !important;
}

body.starup-unified-login.starup-portal-tiktok .starup-unified-submit,
body.starup-unified-login:not(.starup-portal-retired) .starup-unified-submit{
  background:#F8C830 !important;
  color:#fff !important;
}
body.starup-unified-login.starup-portal-retired .starup-unified-submit{
  background:#00F7E7 !important;
  color:#061314 !important;
}

body.starup-unified-login .starup-admin-portal-form{
  gap:0 !important;
  margin-top:2px !important;
}
body.starup-unified-login .starup-admin-portal-submit{
  margin-top:0 !important;
}

/* =========================================================
   STARUP v11 — login /backstage
   BACKSTAGE + fundo preto com detalhes dourados + CTA compacto
   ========================================================= */
body.starup-unified-login .starup-login-page{
  position:relative !important;
  isolation:isolate !important;
  background-color:#030303 !important;
  background-image:
    radial-gradient(circle at 14% 18%,rgba(232,168,24,.18),transparent 24%),
    radial-gradient(circle at 86% 82%,rgba(232,168,24,.12),transparent 25%),
    linear-gradient(115deg,transparent 0 24%,rgba(232,168,24,.045) 24.15% 24.5%,transparent 24.65% 68%,rgba(232,168,24,.035) 68.15% 68.45%,transparent 68.6%),
    linear-gradient(180deg,#020202 0%,#080706 52%,#020202 100%) !important;
}
body.starup-unified-login .starup-login-overlay{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:.72 !important;
  background-image:
    radial-gradient(circle,rgba(232,168,24,.42) 1.2px,transparent 1.3px),
    linear-gradient(135deg,transparent 0 74%,rgba(232,168,24,.06) 74.15% 74.35%,transparent 74.5%) !important;
  background-size:22px 22px,100% 100% !important;
  background-position:right 28px top 28px,center !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0 58%,#000 82%,#000 100%) !important;
  mask-image:linear-gradient(90deg,transparent 0 58%,#000 82%,#000 100%) !important;
}
body.starup-unified-login .starup-login-wrap{
  position:relative !important;
  z-index:2 !important;
}
body.starup-unified-login .starup-login-card{
  background:linear-gradient(145deg,rgba(15,15,15,.97),rgba(6,6,6,.98)) !important;
  border:1px solid rgba(232,168,24,.26) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.025),0 0 0 1px rgba(232,168,24,.035) !important;
}
body.starup-unified-login .starup-unified-title{
  color:#fff !important;
  font-weight:1000 !important;
  letter-spacing:.055em !important;
}
body.starup-unified-login .starup-unified-subtitle{
  color:rgba(255,255,255,.64) !important;
}
body.starup-unified-login .starup-input{
  background:rgba(255,255,255,.035) !important;
  border-color:rgba(232,168,24,.18) !important;
}
body.starup-unified-login .starup-input:focus{
  border-color:rgba(232,168,24,.78) !important;
  box-shadow:0 0 0 3px rgba(232,168,24,.13) !important;
}
body.starup-unified-login .starup-login-submit-primary{
  width:210px !important;
  max-width:70% !important;
  min-width:160px !important;
  align-self:center !important;
  margin:4px auto 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#E8A818 !important;
  color:#070707 !important;
  border:1px solid #F8C830 !important;
  box-shadow:0 10px 28px rgba(232,168,24,.18) !important;
}
body.starup-unified-login .starup-login-submit-primary:hover,
body.starup-unified-login .starup-login-submit-primary:focus-visible{
  background:#F8C830 !important;
  color:#050505 !important;
  box-shadow:0 12px 30px rgba(232,168,24,.25) !important;
}
@media (max-width:640px){
  body.starup-unified-login .starup-login-submit-primary{
    width:190px !important;
    max-width:78% !important;
    min-width:150px !important;
  }
}