/* Origin: themes/fsportal-modern/assets/css/integrations/account-auth.css | file */
:root {
  --fsp-auth-accent:var(--fsp-user-main,#da9d33);
  --fsp-auth-accent-2:var(--fsp-user-main,#d8941f);
  --fsp-auth-accent-soft:rgba(var(--fsp-user-main-rgb,218,157,51),.14);
  --fsp-auth-bg:#0d0e0f;
  --fsp-auth-surface:#151619;
  --fsp-auth-surface-2:#1a1b1e;
  --fsp-auth-field:#1c2730;
  --fsp-auth-border:rgba(var(--fsp-user-bright-rgb,246,177,58),.16);
  --fsp-auth-border-soft:rgba(255,255,255,.085);
  --fsp-auth-text:#f4f4f5;
  --fsp-auth-muted:#9b9ea3;
  --fsp-auth-muted-2:#6f7278;
}

body.fsp-auth-page {
  background:
    radial-gradient(circle at 12% 18%,rgba(var(--fsp-user-main-rgb,211,149,41),.08),transparent 31%),
    linear-gradient(180deg,#121315 0%,#0d0e10 72%,#0b0c0d 100%);
}

body.fsp-auth-page .entry-title,
body.fsp-auth-page .page-title,
body.fsp-auth-page .fsp-theme-page-title {
  display:none!important;
}

body.fsp-auth-page .site-content,
body.fsp-auth-page #content {
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
}

/*
 * Auth owns the whole content row. Normal portal pages may reserve a right rail,
 * but login/register must never inherit that two-column shell. High specificity
 * is deliberate because wide-desktop and page-layout rules are loaded globally.
 */
html body.fsp-theme-root.fsp-auth-page .site-content > .fsp-layout-container.fsp-theme-container,
html body.fsp-theme-root.fsp-auth-page #content > .fsp-layout-container.fsp-theme-container,
html body.fsp-auth-page .site-content > .fsp-layout-container,
html body.fsp-auth-page #content > .fsp-layout-container {
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  grid-template-columns:none!important;
  column-gap:0!important;
  row-gap:0!important;
  gap:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

html body.fsp-auth-page .site-content > .fsp-layout-container > :not(#primary),
html body.fsp-auth-page #content > .fsp-layout-container > :not(#primary),
html body.fsp-auth-page #secondary,
html body.fsp-auth-page .fsp-home-sidebar,
html body.fsp-auth-page .widget-area {
  display:none!important;
}

html body.fsp-theme-root.fsp-auth-page #primary.fsp-primary,
html body.fsp-auth-page #primary,
html body.fsp-auth-page .site-main,
html body.fsp-auth-page article.page,
html body.fsp-auth-page .fsp-single-article,
html body.fsp-auth-page .fsp-article-inner,
html body.fsp-auth-page .fsp-post-content,
html body.fsp-auth-page .post-content,
html body.fsp-auth-page .entry-content {
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  flex:0 0 100%!important;
  grid-column:1 / -1!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.fsp-auth-shell,
.fsp-auth-shell * {
  box-sizing:border-box;
}

.fsp-auth-shell {
  position:relative;
  isolation:isolate;
  width:min(1540px,calc(100vw - 52px));
  min-height:720px;
  margin:30px auto 64px!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(540px,.92fr);
  overflow:hidden;
  border:1px solid rgba(var(--fsp-user-main-rgb,217,160,60),.22);
  border-radius:26px;
  background:#0f1012;
  box-shadow:0 34px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.018) inset;
  color:var(--fsp-auth-text);
}

body.fsp-auth-page-register .fsp-auth-shell,
.fsp-auth-shell[data-auth-view="register"] {
  min-height:850px;
}

.fsp-auth-aside {
  position:relative;
  min-width:0;
  min-height:720px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:44px 66px 42px 54px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(9,9,10,.60) 0%,rgba(9,9,10,.22) 48%,rgba(9,9,10,.04) 72%),
    linear-gradient(0deg,rgba(8,8,9,.94) 0%,rgba(8,8,9,.46) 37%,rgba(8,8,9,.05) 74%),
    url("../../images/auth/concept3-farm.webp") center 47% / cover no-repeat;
}

body.fsp-auth-page-register .fsp-auth-aside,
.fsp-auth-shell[data-auth-view="register"] .fsp-auth-aside {
  min-height:850px;
}

.fsp-auth-aside:before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(128deg,transparent 0 68%,rgba(var(--fsp-user-main-rgb,219,157,49),.08) 68.2% 68.55%,transparent 68.8%),
    radial-gradient(circle at 78% 56%,rgba(var(--fsp-user-main-rgb,221,159,50),.10),transparent 34%);
}

.fsp-auth-aside:after {
  content:"";
  position:absolute;
  z-index:1;
  top:-12%;
  right:-52px;
  width:118px;
  height:124%;
  pointer-events:none;
  transform:skewX(-8deg);
  background:linear-gradient(180deg,rgba(var(--fsp-user-main-rgb,224,161,52),.78),rgba(var(--fsp-user-main-rgb,220,150,29),.18) 28%,rgba(var(--fsp-user-main-rgb,220,150,29),.05) 78%,rgba(var(--fsp-user-main-rgb,224,161,52),.72));
  filter:blur(.2px);
  opacity:.62;
}

.fsp-auth-logo,
.fsp-auth-aside-copy,
.fsp-auth-trust {
  position:relative;
  z-index:2;
}

.fsp-auth-logo {
  position:absolute;
  top:36px;
  left:50px;
  display:block;
  width:236px;
  max-width:44%;
  text-decoration:none!important;
  filter:drop-shadow(0 8px 24px rgba(0,0,0,.26));
}

.fsp-auth-logo img {
  display:block;
  width:100%;
  height:auto;
}

.fsp-auth-aside-copy {
  width:min(600px,84%);
  margin:0 0 34px;
}

.fsp-auth-aside-copy>span,
.fsp-auth-head>span {
  display:block;
  color:var(--fsp-user-main,#e6a93e);
  font-size:10px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.fsp-auth-aside-copy h2 {
  max-width:610px;
  margin:14px 0 16px!important;
  color:#fff!important;
  font-size:clamp(40px,3.65vw,62px)!important;
  line-height:.99!important;
  letter-spacing:-.05em!important;
  font-weight:900!important;
  text-shadow:0 10px 34px rgba(0,0,0,.38);
}

.fsp-auth-aside-copy h2 strong {
  color:var(--fsp-user-main,#dda038);
  font-weight:inherit;
}

.fsp-auth-aside-copy p {
  max-width:520px;
  margin:0!important;
  color:rgba(233,234,235,.78)!important;
  font-size:14px!important;
  line-height:1.7!important;
  text-shadow:0 2px 12px rgba(0,0,0,.65);
}

.fsp-auth-trust {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  width:min(690px,96%);
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.12);
}

.fsp-auth-trust>div {
  min-width:0;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:start;
  gap:9px;
  padding:0 14px;
  border-right:1px solid rgba(255,255,255,.10);
}

.fsp-auth-trust>div:first-child { padding-left:0; }
.fsp-auth-trust>div:last-child { padding-right:0;border-right:0; }

.fsp-auth-trust b {
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid rgba(var(--fsp-user-main-rgb,222,162,56),.26);
  border-radius:11px;
  background:rgba(var(--fsp-user-main-rgb,214,148,36),.13);
  color:var(--fsp-user-main,#e8a634);
  font-size:11px;
  font-weight:950;
  box-shadow:0 8px 20px rgba(0,0,0,.16) inset,0 0 24px rgba(var(--fsp-user-main-rgb,220,157,48),.05);
}

.fsp-auth-trust span,
.fsp-auth-trust strong,
.fsp-auth-trust small { display:block;min-width:0; }
.fsp-auth-trust strong { color:#efeff0;font-size:11px;line-height:1.25;font-weight:850; }
.fsp-auth-trust small { margin-top:4px;color:#909399;font-size:9px;line-height:1.35; }

.fsp-auth-main {
  position:relative;
  z-index:3;
  min-width:0;
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:-88px;
  padding:48px 62px 48px 142px;
  overflow:hidden;
  background:
    radial-gradient(circle at 94% 10%,rgba(var(--fsp-user-main-rgb,221,155,40),.08),transparent 30%),
    linear-gradient(154deg,#151619 0%,#111214 56%,#0f1011 100%);
  clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);
}

.fsp-auth-main:before {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(117deg,transparent 0 10.7%,rgba(var(--fsp-user-main-rgb,227,163,54),.72) 10.85% 10.98%,rgba(var(--fsp-user-muted-rgb,205,142,33),.18) 11.1% 11.42%,transparent 11.6%),
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 22%);
}

.fsp-auth-main:after {
  content:"";
  position:absolute;
  z-index:0;
  right:-120px;
  bottom:-180px;
  width:420px;
  height:420px;
  border:1px solid rgba(var(--fsp-user-main-rgb,216,157,55),.11);
  border-radius:50%;
  box-shadow:0 0 0 62px rgba(var(--fsp-user-main-rgb,216,157,55),.02),0 0 0 124px rgba(var(--fsp-user-main-rgb,216,157,55),.012);
  pointer-events:none;
}

.fsp-auth-card {
  position:relative;
  z-index:2;
  width:min(100%,600px);
}

body.fsp-auth-page-register .fsp-auth-card,
.fsp-auth-shell[data-auth-view="register"] .fsp-auth-card {
  width:min(100%,620px);
}

.fsp-auth-mode-tabs {
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:58px;
  margin:0 0 32px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:15px;
  background:rgba(8,9,9,.36);
}

.fsp-auth-mode-tabs a {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:0;
  padding:0 18px;
  color:#a6a8ac!important;
  font-size:13px;
  font-weight:850;
  text-decoration:none!important;
  transition:color .18s,background .18s;
}

.fsp-auth-mode-tabs a+a { border-left:1px solid rgba(255,255,255,.07); }
.fsp-auth-mode-tabs a:hover { color:#f0f0f0!important;background:rgba(255,255,255,.025); }
.fsp-auth-mode-tabs a.is-active { color:#f5f5f5!important;background:linear-gradient(180deg,rgba(var(--fsp-user-main-rgb,220,155,44),.12),rgba(var(--fsp-user-main-rgb,220,155,44),.035)); }
.fsp-auth-mode-tabs a.is-active:after {
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  bottom:0;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--fsp-auth-accent) 18% 82%,transparent);
  box-shadow:0 0 14px rgba(var(--fsp-user-main-rgb,218,158,53),.42);
}
.fsp-auth-mode-tabs a span { color:var(--fsp-user-main,#e3a437);font-size:13px;line-height:1; }

.fsp-auth-head { margin:0 0 24px; }
.fsp-auth-head h1 {
  margin:8px 0 8px!important;
  color:#fff!important;
  font-size:32px!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  font-weight:900!important;
}
.fsp-auth-head p {
  margin:0!important;
  color:var(--fsp-auth-muted)!important;
  font-size:13px!important;
  line-height:1.6!important;
}

.fsp-auth-social { margin:0 0 14px; }
.fsp-auth-google {
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:10px;
  background:#f9f9f9;
  color:#1a1b1e!important;
  font-size:12px;
  font-weight:900;
  text-decoration:none!important;
  box-shadow:0 8px 24px rgba(0,0,0,.16);
  transition:transform .16s,filter .16s,border-color .16s;
}
.fsp-auth-google:hover { transform:translateY(-1px);filter:brightness(1.015);border-color:rgba(var(--fsp-user-main-rgb,219,160,59),.7); }
.fsp-auth-google-mark {
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border:1px solid #dfdfe0;
  border-radius:50%;
  background:#fff;
  color:#4285f4;
  font:900 14px/1 Arial,sans-serif;
  box-shadow:0 1px 2px rgba(0,0,0,.08);
}
.fsp-auth-divider {
  position:relative;
  height:28px;
  margin-top:6px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.fsp-auth-divider:before {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  background:rgba(255,255,255,.08);
}
.fsp-auth-divider span {
  position:relative;
  padding:0 12px;
  background:#131416;
  color:#707379;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.fsp-auth-form { display:grid;gap:14px; }
.fsp-auth-form>label { display:block;margin:0!important; }
.fsp-auth-form label>span:first-child {
  display:block;
  margin:0 0 7px;
  color:#dfe0e1;
  font-size:10.5px;
  line-height:1.3;
  font-weight:850;
}
.fsp-auth-form label small {
  display:block;
  margin:6px 0 0;
  color:#73767d;
  font-size:9px;
  line-height:1.45;
}

.fsp-auth-form input[type=text],
.fsp-auth-form input[type=email],
.fsp-auth-form input[type=password],
.fsp-auth-mini-form input {
  width:100%!important;
  height:46px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid rgba(188,190,193,.16)!important;
  border-radius:9px!important;
  outline:0!important;
  background:linear-gradient(180deg,#202c36,#1b2630)!important;
  color:#f4f4f4!important;
  font:500 12px/1.2 Arial,Helvetica,sans-serif!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 22px rgba(0,0,0,.09)!important;
  transition:border-color .16s,box-shadow .16s,background .16s;
}
.fsp-auth-form input:focus,
.fsp-auth-mini-form input:focus {
  border-color:rgba(var(--fsp-user-main-rgb,217,158,56),.58)!important;
  background:linear-gradient(180deg,#24313a,#1e2a33)!important;
  box-shadow:0 0 0 3px rgba(var(--fsp-user-main-rgb,217,158,56),.075),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.fsp-auth-form input::placeholder,
.fsp-auth-mini-form input::placeholder { color:#74777d!important;opacity:1; }

.fsp-auth-password { position:relative;display:block; }
.fsp-auth-password input { padding-right:46px!important; }
.fsp-auth-eye {
  position:absolute!important;
  right:5px!important;
  top:5px!important;
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#868990!important;
  font-size:14px!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.fsp-auth-eye:hover { background:rgba(255,255,255,.045)!important;color:#e8e9ea!important; }

.fsp-auth-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:-1px;
}
.fsp-auth-row a,
.fsp-auth-switch a,
.fsp-auth-resend a { color:var(--fsp-user-main,#e2a43a)!important;text-decoration:none!important;font-size:10.5px;font-weight:850; }
.fsp-auth-row a:hover,
.fsp-auth-switch a:hover { color:var(--fsp-user-bright,#e8ae49)!important; }

.fsp-auth-check {
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  margin:0!important;
  color:#9c9ea3!important;
  font-size:10.5px!important;
  line-height:1.5!important;
  cursor:pointer;
}
.fsp-auth-check input[type=checkbox] {
  flex:0 0 17px!important;
  width:17px!important;
  height:17px!important;
  margin:0!important;
  accent-color:var(--fsp-auth-accent);
}
.fsp-auth-consent {
  padding:11px 12px!important;
  border:1px solid rgba(var(--fsp-user-main-rgb,216,157,56),.13);
  border-radius:9px;
  background:rgba(var(--fsp-user-main-rgb,218,152,39),.035);
}
.fsp-auth-consent a { color:var(--fsp-user-main,#e4a740)!important; }

.fsp-auth-submit,
.fsp-auth-primary {
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  width:100%!important;
  margin:1px 0 0!important;
  padding:0 18px!important;
  border:1px solid var(--fsp-user-main,#dda33e)!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,var(--fsp-user-main,#dea138) 0%,var(--fsp-user-main,#de9922) 100%)!important;
  color:#131416!important;
  font-size:12px!important;
  font-weight:950!important;
  text-decoration:none!important;
  cursor:pointer!important;
  box-shadow:0 10px 28px rgba(var(--fsp-user-main-rgb,220,152,34),.18),inset 0 1px 0 rgba(255,255,255,.30)!important;
  transition:transform .16s,filter .16s,box-shadow .16s!important;
}
.fsp-auth-submit:hover,
.fsp-auth-primary:hover {
  transform:translateY(-1px);
  filter:brightness(1.035);
  box-shadow:0 13px 32px rgba(var(--fsp-user-main-rgb,220,152,34),.23),inset 0 1px 0 rgba(255,255,255,.32)!important;
}
.fsp-auth-submit:focus-visible,
.fsp-auth-primary:focus-visible,
.fsp-auth-google:focus-visible,
.fsp-auth-mode-tabs a:focus-visible {
  outline:2px solid var(--fsp-user-bright,#eab04b)!important;
  outline-offset:3px!important;
}

.fsp-auth-switch {
  margin-top:17px;
  padding-top:15px;
  border-top:1px solid rgba(255,255,255,.075);
  color:#808389;
  text-align:center;
  font-size:10.5px;
}

.fsp-auth-notice {
  margin:0 0 16px;
  padding:11px 13px;
  border-radius:9px;
  font-size:10.5px;
  font-weight:750;
  line-height:1.55;
}
.fsp-auth-notice.is-success { border:1px solid rgba(216,157,56,.26);background:rgba(216,157,56,.075);color:#e3b15a; }
.fsp-auth-notice.is-error { border:1px solid rgba(235,91,91,.28);background:rgba(235,91,91,.075);color:#f1aaaa; }
.fsp-auth-notice.is-warning { border:1px solid rgba(229,177,65,.27);background:rgba(229,177,65,.075);color:#ebca7c; }

.fsp-auth-turnstile {
  width:100%;
  min-height:0!important;
  display:block!important;
  overflow:visible!important;
}
.fsp-auth-turnstile-slot { width:100%;min-height:0; }
.fsp-auth-turnstile iframe { max-width:100%!important; }
.fsp-auth-turnstile-status {
  min-height:0;
  margin-top:6px;
  color:#7e8188;
  font-size:9px;
  line-height:1.35;
  text-align:center;
}
.fsp-auth-turnstile-status:empty { display:none; }
.fsp-auth-turnstile-status[data-state="loading"] { color:#abadb2; }
.fsp-auth-turnstile-status[data-state="success"] { color:#daa243; }
.fsp-auth-turnstile-status[data-state="error"] { color:#de9090; }
.fsp-auth-submit.is-turnstile-busy { opacity:.72;cursor:wait; }

.fsp-auth-resend {
  margin-top:12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:9px;
  background:rgba(255,255,255,.018);
}
.fsp-auth-resend summary {
  padding:10px 12px;
  color:#85888f;
  font-size:9.5px;
  font-weight:850;
  cursor:pointer;
}
.fsp-auth-resend[open] summary { border-bottom:1px solid rgba(255,255,255,.06); }
.fsp-auth-mini-form { display:grid;gap:9px;padding:11px; }
.fsp-auth-mini-form button {
  height:40px;
  border:1px solid rgba(var(--fsp-user-main-rgb,217,158,56),.36);
  border-radius:8px;
  background:rgba(var(--fsp-user-main-rgb,217,158,56),.085);
  color:var(--fsp-user-bright,#e4a944);
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}

.fsp-auth-actions { display:flex;gap:10px;flex-wrap:wrap; }
.fsp-auth-actions .fsp-auth-primary { width:auto!important;justify-content:center!important; }
.fsp-auth-secondary {
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  background:#1b1d20;
  color:#d8d9da!important;
  text-decoration:none!important;
  font-size:10.5px;
  font-weight:850;
}

.fsp-auth-strength { display:flex;align-items:center;gap:5px;margin-top:6px; }
.fsp-auth-strength i { width:25px;height:4px;border-radius:99px;background:#35383e; }
.fsp-auth-strength span { margin-left:4px;color:#707379;font-size:8.5px;font-weight:750; }
.fsp-auth-strength[data-level="1"] i:nth-child(1),
.fsp-auth-strength[data-level="2"] i:nth-child(-n/**/+2),
.fsp-auth-strength[data-level="3"] i:nth-child(-n/**/+3),
.fsp-auth-strength[data-level="4"] i { background:var(--fsp-user-main,#da9d33); }
.fsp-auth-strength[data-level="1"] span { color:#d47e68; }
.fsp-auth-strength[data-level="2"] span { color:var(--fsp-user-bright,#d8b85f); }
.fsp-auth-strength[data-level="3"] span,
.fsp-auth-strength[data-level="4"] span { color:var(--fsp-user-main,#daa344); }

.fsp-auth-google-profile {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin:0 0 16px;
  padding:12px 13px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:11px;
  background:rgba(255,255,255,.025);
}
.fsp-auth-google-profile-mark {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:10px;
  background:#f9f9f9;
  color:#4285f4;
  font-size:19px;
  font-weight:950;
}
.fsp-auth-google-profile>div { min-width:0; }
.fsp-auth-google-profile strong,
.fsp-auth-google-profile small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.fsp-auth-google-profile strong { color:#efefef;font-size:11.5px; }
.fsp-auth-google-profile small { margin-top:3px;color:#787b82;font-size:9.5px; }
.fsp-auth-google-profile>b {
  padding:5px 8px;
  border-radius:99px;
  background:rgba(var(--fsp-user-main-rgb,216,157,56),.09);
  color:var(--fsp-user-main,#dca545);
  font-size:8.5px;
  font-weight:900;
}

.fsp-auth-choice-list { display:grid;gap:8px; }
.fsp-auth-choice {
  position:relative!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.018)!important;
  cursor:pointer!important;
  transition:border-color .16s,background .16s,box-shadow .16s;
}
.fsp-auth-choice:hover { border-color:rgba(var(--fsp-user-main-rgb,216,157,56),.26)!important; }
.fsp-auth-choice.is-selected { border-color:rgba(var(--fsp-user-main-rgb,216,157,56),.49)!important;background:rgba(var(--fsp-user-main-rgb,216,157,56),.05)!important;box-shadow:0 0 0 3px rgba(var(--fsp-user-main-rgb,216,157,56),.03)!important; }
.fsp-auth-choice>input { position:absolute!important;opacity:0!important;pointer-events:none!important; }
.fsp-auth-choice-dot {
  width:18px;
  height:18px;
  margin-top:2px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  background:#16171a;
  box-shadow:inset 0 0 0 4px #16171a;
}
.fsp-auth-choice.is-selected .fsp-auth-choice-dot { border-color:var(--fsp-user-main,#d89e3a);background:var(--fsp-user-main,#d89e3a); }
.fsp-auth-choice-copy { min-width:0; }
.fsp-auth-choice-copy b,
.fsp-auth-choice-copy strong,
.fsp-auth-choice-copy small { display:block; }
.fsp-auth-choice-copy b { margin:0 0 3px;color:#e0e1e2;font-size:10.5px;font-weight:900; }
.fsp-auth-choice-copy strong { margin-top:5px;color:var(--fsp-user-bright,#e0a94b);font-size:13px;font-weight:900; }
.fsp-auth-choice-copy small { margin-top:4px!important;color:#74777d!important;font-size:8.5px!important;line-height:1.45!important; }
.fsp-auth-custom-name { display:none; }
.fsp-auth-custom-name.is-active { display:block; }
.fsp-auth-google-choice-form { gap:12px; }

body.fsp-auth-page-register .fsp-auth-main { padding-top:38px;padding-bottom:38px; }
body.fsp-auth-page-register .fsp-auth-mode-tabs { margin-bottom:24px; }
body.fsp-auth-page-register .fsp-auth-head { margin-bottom:18px; }
body.fsp-auth-page-register .fsp-auth-form { gap:11px; }
body.fsp-auth-page-register .fsp-auth-social { margin-bottom:10px; }
body.fsp-auth-page-register .fsp-auth-divider { height:22px; }
body.fsp-auth-page-register .fsp-auth-form input[type=text],
body.fsp-auth-page-register .fsp-auth-form input[type=email],
body.fsp-auth-page-register .fsp-auth-form input[type=password] { height:44px!important; }

@media(max-width:1260px){
  .fsp-auth-shell { grid-template-columns:minmax(0,1fr) minmax(500px,.92fr);width:calc(100% - 32px); }
  .fsp-auth-aside { padding-left:42px;padding-right:54px; }
  .fsp-auth-logo { left:40px; }
  .fsp-auth-main { margin-left:-64px;padding-left:110px;padding-right:42px; }
  .fsp-auth-aside-copy h2 { font-size:48px!important; }
  .fsp-auth-trust { grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 0; }
  .fsp-auth-trust>div:nth-child(2) { border-right:0; }
}

@media(max-width:980px){
  .fsp-auth-shell,
  body.fsp-auth-page-register .fsp-auth-shell,
  .fsp-auth-shell[data-auth-view="register"] {
    grid-template-columns:1fr;
    min-height:0;
    width:calc(100% - 24px);
    margin:22px auto 42px;
    border-radius:20px;
  }
  .fsp-auth-aside,
  body.fsp-auth-page-register .fsp-auth-aside,
  .fsp-auth-shell[data-auth-view="register"] .fsp-auth-aside {
    min-height:360px;
    padding:30px 34px 28px;
    background-position:center 48%;
  }
  .fsp-auth-aside:after { right:-28px;width:76px; }
  .fsp-auth-logo { top:26px;left:32px;width:210px; }
  .fsp-auth-aside-copy { width:min(560px,82%);margin:90px 0 24px; }
  .fsp-auth-aside-copy h2 { font-size:42px!important; }
  .fsp-auth-aside-copy p { max-width:500px;font-size:13px!important; }
  .fsp-auth-trust { width:min(650px,94%);grid-template-columns:repeat(4,minmax(0,1fr));gap:0; }
  .fsp-auth-trust>div:nth-child(2) { border-right:1px solid rgba(255,255,255,.10); }
  .fsp-auth-main,
  body.fsp-auth-page-register .fsp-auth-main {
    min-height:0;
    margin:0;
    padding:38px 34px 42px;
    clip-path:none;
  }
  .fsp-auth-main:before { background:linear-gradient(90deg,transparent 0,rgba(var(--fsp-user-main-rgb,223,162,55),.7) 50%,transparent 100%) top/100% 1px no-repeat; }
  .fsp-auth-card,
  body.fsp-auth-page-register .fsp-auth-card,
  .fsp-auth-shell[data-auth-view="register"] .fsp-auth-card { width:min(100%,650px); }
}

@media(max-width:720px){
  .fsp-auth-shell { width:calc(100% - 16px);margin:14px auto 30px;border-radius:16px; }
  .fsp-auth-aside { min-height:270px;padding:22px 22px 20px; }
  .fsp-auth-logo { top:20px;left:20px;width:180px;max-width:62%; }
  .fsp-auth-aside-copy { width:90%;margin:78px 0 0; }
  .fsp-auth-aside-copy>span { font-size:8px;letter-spacing:.14em; }
  .fsp-auth-aside-copy h2 { margin:10px 0 10px!important;font-size:34px!important; }
  .fsp-auth-aside-copy p { max-width:420px;font-size:11.5px!important;line-height:1.55!important; }
  .fsp-auth-trust { display:none; }
  .fsp-auth-main,
  body.fsp-auth-page-register .fsp-auth-main { padding:26px 18px 30px; }
  .fsp-auth-mode-tabs { min-height:52px;margin-bottom:24px;border-radius:12px; }
  .fsp-auth-mode-tabs a { padding:0 10px;font-size:11.5px; }
  .fsp-auth-head h1 { font-size:28px!important; }
  .fsp-auth-head p { font-size:11.5px!important; }
  .fsp-auth-form { gap:12px; }
  .fsp-auth-row { align-items:flex-start;flex-direction:column;gap:9px; }
  .fsp-auth-google-profile { grid-template-columns:auto minmax(0,1fr); }
  .fsp-auth-google-profile>b { grid-column:2;justify-self:start; }
  .fsp-auth-choice { padding:11px!important; }
}

@media(max-width:440px){
  .fsp-auth-shell { width:calc(100% - 10px);border-radius:14px; }
  .fsp-auth-aside { min-height:235px;padding:18px; }
  .fsp-auth-logo { top:16px;left:16px;width:166px; }
  .fsp-auth-aside-copy { margin-top:68px;width:94%; }
  .fsp-auth-aside-copy h2 { font-size:30px!important; }
  .fsp-auth-aside-copy p { display:none; }
  .fsp-auth-main,
  body.fsp-auth-page-register .fsp-auth-main { padding:22px 14px 26px; }
  .fsp-auth-mode-tabs { margin-bottom:20px; }
  .fsp-auth-head { margin-bottom:19px; }
  .fsp-auth-head h1 { font-size:26px!important; }
  .fsp-auth-google { min-height:46px;font-size:11px; }
  .fsp-auth-form input[type=text],
  .fsp-auth-form input[type=email],
  .fsp-auth-form input[type=password],
  .fsp-auth-mini-form input { height:44px!important; }
  .fsp-auth-submit,.fsp-auth-primary { min-height:48px!important; }
}