.sesverin-account-access { background: #f7fcff; }
.sesverin-account-access .site-content { background: radial-gradient(circle at 42% 30%, #fff 0, #f8fcff 45%, #ecfbfc 100%); }
.sesverin-account-access .community-stats { display: none; }
.svr-page { min-height: 620px; color: #07145f; font-family: Inter, Arial, sans-serif; background: radial-gradient(circle at 24% 45%, rgba(212, 240, 255, .42), transparent 31%); }
.svr-page * { box-sizing: border-box; }
.svr-page a { color: inherit; text-decoration: none; }
.svr-page button,
.svr-page input { font: inherit; }
.svr-shell { width: min(1450px, calc(100% - 48px)); }
.svr-breadcrumb { height: 50px; display: flex; align-items: center; gap: 9px; color: #476092; font-size: 12px; }
.svr-breadcrumb a { display: inline-flex; align-items: center; gap: 7px; }
.svr-breadcrumb .sv-icon { width: 15px; height: 15px; color: #075cf3; }
.svr-breadcrumb i { color: #7186ab; font-size: 17px; font-style: normal; }
.svr-breadcrumb strong { color: #071b88; }
.svr-stage { min-height: 570px; }
.svr-split { width: min(1035px, 100%); display: grid; grid-template-columns: 44% 56%; margin: 0 auto; }
.svr-art { display: grid; place-items: center; min-height: 455px; }
.svr-art img { width: auto; height: auto; display: block; mix-blend-mode: multiply; }
.svr-forgot .svr-art img { width: 390px; max-width: 91%; image-rendering: auto; mix-blend-mode: normal; border-radius: 16px; }
.svr-reset .svr-art img { width: 355px; max-width: 88%; }
.svr-verify .svr-art img { width: 385px; max-width: 91%; }
.svr-card { align-self: start; min-height: 455px; padding: 35px 31px 26px; border: 1px solid #dce9f4; border-radius: 8px; background: rgba(255, 255, 255, .94); box-shadow: 0 10px 30px rgba(39, 83, 132, .045); }
.svr-card h1,
.svr-centered h1 { margin: 0 0 8px; color: #071265; font-size: 34px; line-height: 1.08; letter-spacing: -1.2px; }
.svr-card > p,
.svr-centered > p { margin: 0 0 24px; color: #314993; font-size: 15px; line-height: 1.45; }
.svr-card > p strong,
.svr-centered > p strong { color: #071265; }
.svr-card form { display: grid; gap: 15px; }
.svr-card label { display: grid; gap: 8px; font-size: 12px; }
.svr-card label > b { color: #07145f; }
.svr-card label > span:not(.svr-password) { height: 43px; display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; overflow: hidden; border: 1px solid #c9dbef; border-radius: 6px; background: #fff; }
.svr-card label > span > .sv-icon { width: 16px; height: 16px; justify-self: center; color: #4266d4; }
.svr-card input { min-width: 0; width: 100%; height: 100%; padding: 0 10px 0 0; border: 0; outline: 0; color: #15266d; background: transparent; font-size: 12px; }
.svr-card label > span:focus-within,
.svr-password:focus-within { border-color: #0b67ee; box-shadow: 0 0 0 2px rgba(11, 103, 238, .08); }
.svr-card form > button,
.svr-primary-link,
.svr-outline-button { min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 9px; border: 0; border-radius: 5px; color: #fff; background: linear-gradient(100deg, #2787fa, #0759f4); cursor: pointer; font-size: 12px; }
.svr-card form > button .sv-icon,
.svr-primary-link .sv-icon,
.svr-outline-button .sv-icon { width: 16px; height: 16px; }
.svr-card form > button:disabled,
.svr-card form button:disabled { cursor: wait; opacity: .62; }
.svr-text-link { display: block; margin: 14px 0 28px; color: #173aaf; text-align: center; font-size: 11px; }
.svr-info { min-height: 74px; display: grid; grid-template-columns: 25px minmax(0, 1fr); align-items: start; gap: 12px; padding: 14px 13px; border-radius: 6px; background: #eaf4ff; }
.svr-info > span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #1476f7; }
.svr-info > span .sv-icon { width: 16px; height: 16px; }
.svr-info p { margin: 0; }
.svr-info strong,
.svr-info small,
.svr-info a { display: block; }
.svr-info strong { font-size: 10px; }
.svr-info small { margin-top: 4px; color: #526ba5; font-size: 9px; }
.svr-info a { display: flex; align-items: center; gap: 4px; width: max-content; margin-top: 9px; color: #075cf3; font-size: 10px; }
.svr-info a .sv-icon { width: 12px; height: 12px; }
.svr-centered { width: min(800px, 100%); display: flex; flex-direction: column; align-items: center; padding-top: 40px; margin: 0 auto; text-align: center; }
.svr-result-art { display: block; margin-bottom: 17px; mix-blend-mode: multiply; }
.svr-result-art.sent { width: 270px; height: auto; }
.svr-result-art.activated { width: 240px; height: auto; }
.svr-result-art.verified { width: 245px; height: auto; }
.svr-centered h1 { font-size: 32px; }
.svr-centered > p { margin-bottom: 26px; font-size: 16px; }
.svr-wide-info { width: 100%; min-height: 67px; display: flex; align-items: center; gap: 15px; padding: 12px 24px; margin-bottom: 17px; border-radius: 6px; color: #34529b; background: #eaf4ff; text-align: left; font-size: 11px; line-height: 1.5; }
.svr-wide-info > .sv-icon { width: 29px; height: 29px; flex: 0 0 auto; color: #075cf3; }
.svr-wide-info.compact { margin: 17px 0 12px; }
.svr-outline-button { width: 100%; border: 1px solid #075cf3; color: #075cf3; background: #fff; }
.svr-page .svr-primary-link { width: 100%; margin-bottom: 12px; color: #fff; }
.svr-page .svr-outline-button { color: #075cf3; }
.svr-reset .svr-card { min-height: 485px; }
.svr-reset .svr-card > p { margin-bottom: 25px; }
.svr-password { height: 43px; display: grid; grid-template-columns: minmax(0, 1fr) 39px; align-items: center; overflow: hidden; border: 1px solid #c9dbef; border-radius: 6px; background: #fff; }
.svr-password input { padding-left: 12px; }
.svr-password button { width: 39px; height: 100%; display: grid; place-items: center; border: 0; color: #2748aa; background: transparent; cursor: pointer; }
.svr-password button .sv-icon { width: 16px; height: 16px; }
.svr-strength { height: 5px; overflow: hidden; margin-top: -9px; border-radius: 3px; background: #dfe8f4; }
.svr-strength i { width: 0; height: 100%; display: block; background: linear-gradient(90deg, #f04a57, #f6b21b, #18b86b); transition: width .2s; }
.svr-rules { display: grid; gap: 5px; margin: -3px 0 3px; padding: 0; color: #6679aa; list-style: none; font-size: 10px; }
.svr-rules li::before { display: inline-grid; place-items: center; width: 12px; height: 12px; margin-right: 6px; border: 1px solid #9fb1d0; border-radius: 50%; content: ''; vertical-align: -2px; }
.svr-rules li.valid { color: #079c58; }
.svr-rules li.valid::before { border-color: #10b66a; color: #10b66a; content: '✓'; font-size: 8px; }
.svr-error,
.svr-message { margin: 13px 0; padding: 11px 13px; border: 1px solid #ffcbd2; border-radius: 6px; color: #b51e34; background: #fff0f2; font-size: 11px; }
.svr-message { margin: 0; border-color: #ccebdc; color: #087b48; background: #eafaf2; }
.svr-message.is-error { border-color: #ffcbd2; color: #b51e34; background: #fff0f2; }
.svr-verify .svr-card { min-height: 500px; }
.svr-verify .svr-card > p { margin-bottom: 0; }
.svr-verify form { gap: 9px; }
.svr-verify form > button.outline { border: 1px solid #075cf3; color: #075cf3; background: #fff; }
.svr-verify form > button.svr-cancel { min-height: 25px; color: #536aa3; background: transparent; }
.svr-change-email { display: grid; grid-template-columns: minmax(0, 1fr) 135px; gap: 8px; }
.svr-change-email[hidden] { display: none; }
.svr-change-email label { min-width: 0; }
.svr-change-email > button { border: 0; border-radius: 5px; color: #fff; background: #075cf3; cursor: pointer; font-size: 11px; }
.svr-success { padding-top: 42px; }
.svr-success .svr-primary-link,
.svr-success .svr-outline-button { max-width: 640px; }
.svr-success .svr-error { width: 100%; margin-top: 100px; }
.sesverin-account-access .site-footer { background: rgba(255, 255, 255, .78); }

@media (max-width: 900px) {
  .svr-shell { width: calc(100% - 24px); }
  .svr-split { grid-template-columns: 38% 62%; }
  .svr-forgot .svr-art img,
  .svr-reset .svr-art img,
  .svr-verify .svr-art img { width: 300px; }
}

@media (max-width: 680px) {
  .svr-page { min-height: 0; }
  .svr-breadcrumb { height: 42px; overflow: hidden; font-size: 10px; white-space: nowrap; }
  .svr-stage { min-height: 0; padding-bottom: 16px; }
  .svr-split { display: flex; flex-direction: column; }
  .svr-art { min-height: 190px; }
  .svr-forgot .svr-art img,
  .svr-reset .svr-art img,
  .svr-verify .svr-art img { width: 205px; }
  .svr-card { min-height: 0; padding: 25px 18px 20px; }
  .svr-card h1,
  .svr-centered h1 { font-size: 28px; }
  .svr-card > p,
  .svr-centered > p { font-size: 13px; }
  .svr-centered { padding-top: 25px; }
  .svr-result-art.sent { width: 220px; }
  .svr-result-art.activated,
  .svr-result-art.verified { width: 190px; }
  .svr-wide-info { padding-inline: 13px; }
  .svr-change-email { grid-template-columns: 1fr; }
  .svr-change-email > button { min-height: 40px; }
}

[data-theme="dark"] .sesverin-account-access .site-content,
[data-theme="dark"].sesverin-account-access .site-content { background: #0e1728; }
[data-theme="dark"] .svr-page,
[data-theme="dark"].sesverin-account-access .svr-page { color: #eef4ff; background: #0e1728; }
[data-theme="dark"] .svr-card { border-color: #2b3d58; background: #17243a; }