.srs-seo-fallback.srs-resendCodeNotification{
  width:100%;
  max-width:100%;
  margin:0;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  overflow-x:clip;
  background:transparent;
  padding-block:clamp(28px, 4vw, 56px);
}

.srs-seo-fallback.srs-resendCodeNotification::before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:0;
  background:
    radial-gradient(980px 560px at 14% 16%, rgba(56,189,248,.22) 0, transparent 56%),
    radial-gradient(860px 520px at 88% 14%, rgba(167,139,250,.18) 0, transparent 58%),
    radial-gradient(920px 540px at 16% 92%, rgba(52,211,153,.16) 0, transparent 60%),
    radial-gradient(880px 520px at 90% 90%, rgba(250,204,21,.12) 0, transparent 62%),
    radial-gradient(760px 460px at 54% 44%, rgba(244,114,182,.12) 0, transparent 64%),
    linear-gradient(180deg,#f7fbff 0%, #ffffff 100%);
  filter:saturate(115%);
}

.srs-seo-fallback.srs-resendCodeNotification::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(to right, rgba(148,163,184,.12) 1px, transparent 1px) 0 0/28px 28px,
    linear-gradient(to bottom, rgba(148,163,184,.12) 1px, transparent 1px) 0 0/28px 28px,
    radial-gradient(1100px 820px at 70% -10%, rgba(15,23,42,.10) 0, transparent 62%),
    radial-gradient(900px 700px at 25% 120%, rgba(15,23,42,.08) 0, transparent 64%);
  opacity:.92;
}

.srs-seo-fallback.srs-resendCodeNotification > *{
  position:relative;
  z-index:1;
}

.srs-seo-fallback.srs-resendCodeNotification :where(*, *::before, *::after){
  box-sizing:border-box;
}

.srs-seo-fallback.srs-resendCodeNotification :where(
  .srs-container,.srs-inner,.srs-layout,.srs-content,.srs-right,
  .srs-what,.srs-bullets,.srs-bullet,.srs-bulletText,
  .srs-mailTop,.srs-mailTitleWrap,.srs-mailCard,.srs-mailHeader,.srs-mailBody,
  .srs-mailSubjectRow,.srs-mailMeta,.srs-mailFrom,
  .srs-note,.srs-noteRow,.srs-noteText
){
  min-width:0;
}

.srs-seo-fallback.srs-resendCodeNotification :where(h1,h2,h3,h4,p,li,div,span){
  white-space:normal;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:none;
}

.srs-seo-fallback.srs-resendCodeNotification :where(a){
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-container{
  max-width:1240px;
  margin:0 auto;
  padding:0 clamp(16px, 2.4vw, 28px);
}

.srs-seo-fallback.srs-resendCodeNotification .srs-inner{
  max-width:1100px;
  margin:0 auto;
  border-radius:26px;
  border:1px solid rgba(148,163,184,.26);
  box-shadow:0 34px 70px rgba(2,6,23,.12), 0 5px 14px rgba(2,6,23,.06);
  background:linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,255,255,.62));
  backdrop-filter:saturate(160%) blur(12px);
  padding:clamp(22px, 2.6vw, 38px);
  container-type:inline-size;
  container-name:srsResendInner;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0, clamp(320px, 34vw, 560px));
  gap:clamp(16px, 3vw, 34px);
  align-items:center;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-kicker{
  margin:0 0 10px;
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  font-weight:900;
  font-size:12px;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:#0b1220;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(135deg,#38bdf8,#a78bfa);
  box-shadow:0 0 0 4px rgba(56,189,248,.16);
}

.srs-seo-fallback.srs-resendCodeNotification .srs-title{
  margin:6px 0 6px;
  font-size:clamp(28px, 3.2vw, 44px);
  line-height:1.05;
  letter-spacing:-.02em;
  font-weight:900;
  color:#0b1220;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-grad{
  background:linear-gradient(90deg,#38bdf8 0%,#a78bfa 45%,#34d399 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-subtitle{
  margin:0;
  font-size:15px;
  line-height:1.55;
  color:#475569;
  max-width:78ch;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-what{
  margin-top:16px;
  padding-top:12px;
  border-top:1px solid rgba(148,163,184,.20);
}

.srs-seo-fallback.srs-resendCodeNotification .srs-h3{
  margin:0 0 10px;
  font-size:16px;
  line-height:1.25;
  font-weight:900;
  color:#0b1220;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-bullets{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-bullet{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  column-gap:10px;
  align-items:start;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(148,163,184,.24);
  box-shadow:0 14px 30px rgba(2,6,23,.06);
}

.srs-seo-fallback.srs-resendCodeNotification .srs-bullet::before{
  content:"";
  width:18px;
  height:18px;
  margin-top:2px;
  border-radius:7px;
  background:linear-gradient(135deg,#38bdf8,#a78bfa,#34d399);
  box-shadow:0 0 0 4px rgba(167,139,250,.12);
  justify-self:start;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-bulletText{
  grid-column:2;
  color:#334155;
  font-size:13px;
  line-height:1.45;
  overflow-wrap:anywhere;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-right{
  justify-self:end;
  width:100%;
  max-width:560px;
  display:grid;
  gap:12px;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin:2px 2px 6px;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailTitle{
  margin:0;
  font-size:14px;
  line-height:1.2;
  font-weight:900;
  color:#0b1220;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailDesc{
  margin:6px 0 0;
  font-size:12px;
  line-height:1.35;
  color:#475569;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailPill{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  background:rgba(56,189,248,.10);
  border:1px solid rgba(56,189,248,.20);
  color:#0f172a;
  font-weight:900;
  white-space:normal;
  overflow-wrap:anywhere;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailTag{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:999px;
  font-weight:900;
  font-size:12px;
  line-height:1;
  color:#0f172a;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(148,163,184,.30);
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailCard{
  border-radius:20px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.68));
  border:1px solid rgba(148,163,184,.28);
  box-shadow:0 26px 56px rgba(2,6,23,.10);
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailHeader{
  padding:14px 16px 12px;
  background:rgba(255,255,255,.84);
  border-bottom:1px solid rgba(148,163,184,.22);
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailSubjectRow{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailSubject{
  font-weight:900;
  color:#0b1220;
  font-size:16px;
  line-height:1.2;
  min-width:0;
  overflow-wrap:anywhere;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailLabel{
  flex:0 0 auto;
  font-size:12px;
  line-height:1;
  font-weight:900;
  color:#0f172a;
  background:rgba(148,163,184,.14);
  border:1px solid rgba(148,163,184,.24);
  padding:4px 8px;
  border-radius:8px;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailMeta{
  margin-top:10px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  color:#475569;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailFrom{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:baseline;
  min-width:0;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailFromName{
  color:#0f172a;
  font-weight:900;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailFromAddr{
  color:#475569;
  font-weight:800;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailTo{
  color:#475569;
  font-weight:800;
  white-space:normal;
  overflow-wrap:anywhere;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailBody{
  padding:14px 16px 14px;
  background:rgba(255,255,255,.72);
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailH{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.2;
  font-weight:900;
  color:#0b1220;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailP{
  margin:0 0 10px;
  font-size:13px;
  line-height:1.55;
  color:#334155;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailP:last-child{
  margin-bottom:0;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-mailCode{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:10px;
  background:rgba(2,6,23,.06);
  border:1px solid rgba(2,6,23,.10);
  color:#0b1220;
  font-weight:900;
  letter-spacing:.02em;
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  white-space:normal;
  overflow-wrap:anywhere;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-note{
  border-radius:18px;
  padding:14px 16px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(148,163,184,.24);
  box-shadow:0 14px 30px rgba(2,6,23,.06);
}

.srs-seo-fallback.srs-resendCodeNotification .srs-noteRow{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-noteBadge{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:900;
  background:linear-gradient(135deg,#38bdf8,#a78bfa);
  box-shadow:0 14px 26px rgba(2,6,23,.10);
  flex:0 0 auto;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-noteH{
  margin:2px 0 2px;
  font-weight:900;
  color:#0b1220;
}

.srs-seo-fallback.srs-resendCodeNotification .srs-noteP{
  margin:0;
  font-size:13px;
  color:#334155;
  line-height:1.45;
}

@media (max-width:1100px){
  .srs-seo-fallback.srs-resendCodeNotification .srs-layout{
    grid-template-columns:1fr;
    align-items:start;
  }
  .srs-seo-fallback.srs-resendCodeNotification .srs-right{
    justify-self:center;
  }
}

@media (max-width:520px){
  .srs-seo-fallback.srs-resendCodeNotification{
    padding-block:22px;
  }
  .srs-seo-fallback.srs-resendCodeNotification .srs-inner{
    padding:18px;
    border-radius:22px;
  }
  .srs-seo-fallback.srs-resendCodeNotification .srs-mailTop{
    flex-direction:column;
    align-items:flex-start;
  }
  .srs-seo-fallback.srs-resendCodeNotification .srs-mailTag{
    align-self:center;
  }
  .srs-seo-fallback.srs-resendCodeNotification .srs-mailHeader{
    padding:12px 12px 10px;
  }
  .srs-seo-fallback.srs-resendCodeNotification .srs-mailBody{
    padding:12px;
  }
  .srs-seo-fallback.srs-resendCodeNotification .srs-mailSubjectRow{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }
  .srs-seo-fallback.srs-resendCodeNotification .srs-mailLabel{
    align-self:center;
  }
  .srs-seo-fallback.srs-resendCodeNotification .srs-mailMeta{
    flex-direction:column;
    align-items:flex-start;
  }
  .srs-seo-fallback.srs-resendCodeNotification .srs-noteRow{
    flex-direction:column;
    align-items:stretch;
    text-align:center;
  }
  .srs-seo-fallback.srs-resendCodeNotification .srs-noteBadge{
    align-self:center;
  }
  .srs-seo-fallback.srs-resendCodeNotification .srs-noteText{
    width:100%;
    text-align:center;
  }
}

@supports (container-type:inline-size){
  @container srsResendInner (max-width: 320px){
    .srs-seo-fallback.srs-resendCodeNotification .srs-bullet{
      grid-template-columns:1fr;
      row-gap:8px;
      justify-items:start;
    }
    .srs-seo-fallback.srs-resendCodeNotification .srs-bulletText{
      grid-column:1;
      width:100%;
    }
  }

  @container srsResendInner (max-width: 240px){
    .srs-seo-fallback.srs-resendCodeNotification .srs-inner{
      padding:14px;
    }
    .srs-seo-fallback.srs-resendCodeNotification .srs-title{
      font-size:22px;
      line-height:1.1;
    }
    .srs-seo-fallback.srs-resendCodeNotification .srs-h3{
      font-size:14px;
      line-height:1.25;
    }
    .srs-seo-fallback.srs-resendCodeNotification .srs-mailSubject{
      font-size:15px;
    }
    .srs-seo-fallback.srs-resendCodeNotification .srs-mailH{
      font-size:16px;
    }
  }
}

@media (prefers-reduced-motion: reduce){
  .srs-seo-fallback.srs-resendCodeNotification{
    scroll-behavior:auto;
  }
  .srs-seo-fallback.srs-resendCodeNotification :where(*, *::before, *::after){
    animation:none;
    transition:none;
    scroll-behavior:auto;
  }
}