/* Vertex Movement 14.40.5 — public authentication refresh.
   Strictly neutral charcoal/grey surfaces. Cyan reserved for interaction. */
.login-page.vertex-public-page{
  min-height:100vh;color:#eef0f1;
  background:radial-gradient(ellipse at 16% 4%,#242526 0%,transparent 46%),
             linear-gradient(155deg,#101112 0%,#171819 46%,#0e0f10 100%);
}
.login-page.vertex-public-page::before{
  opacity:.12;
  background:repeating-linear-gradient(135deg,transparent 0 72px,rgba(255,255,255,.055) 73px,transparent 74px 142px);
}
.login-page.vertex-public-page .vertex-registration-shell{
  width:min(1120px,calc(100% - 48px));
  grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);
  gap:0;align-items:stretch;padding:clamp(28px,5vh,64px) 0;
  min-height:100vh;
}
.login-page.vertex-public-page .registration-brand-panel{
  min-height:unset;background:
    linear-gradient(160deg,rgba(255,255,255,.035),transparent 42%),
    repeating-linear-gradient(139deg,transparent 0 95px,rgba(255,255,255,.018) 96px,transparent 97px 176px),
    #222426;
  border:1px solid #404244;border-right:0;border-radius:13px 0 0 13px;
}
.login-page.vertex-public-page .registration-brand-panel::before{
  top:auto;bottom:42px;right:-78px;width:210px;height:390px;
  transform:rotate(17deg);background:rgba(255,255,255,.017);
  border-left:1px solid rgba(255,255,255,.095);
}
.login-page.vertex-public-page .registration-brand-panel::after{
  background:rgba(0,0,0,.10);border-color:rgba(255,255,255,.045);
}
.login-page.vertex-public-page .registration-brand-inner{
  padding:clamp(28px,3.4vw,51px);gap:0;
}
.login-page.vertex-public-page .registration-brand-inner>img{
  width:238px;max-width:95%;margin-bottom:clamp(35px,8vh,100px);
}
.login-page.vertex-public-page .vertex-section-kicker{
  display:inline-block;font-size:10px;font-weight:800;letter-spacing:.19em;color:#7bdcfb;
}
.login-page.vertex-public-page .registration-brand-panel h1{
  font-size:clamp(36px,3.6vw,53px);line-height:1.02;letter-spacing:-.016em;margin:13px 0 17px;
}
.login-page.vertex-public-page .registration-brand-panel h1 em{color:#f1f3f4;font-weight:inherit}
.login-page.vertex-public-page .registration-brand-panel p{
  font-size:13px;line-height:1.72;color:#b9bdc0;max-width:370px;
}
.login-page.vertex-public-page .vertex-brand-points{margin-top:38px;gap:0}
.login-page.vertex-public-page .vertex-brand-points span{
  color:#c5c8ca;border-top:1px solid #414346;font-size:11px;padding:12px 0;
}
.login-page.vertex-public-page .vertex-brand-points b{
  color:#8f979b;font-size:12px;letter-spacing:.08em;width:24px;
}
.login-page.vertex-public-page .vertex-brand-tagline{
  color:#999fa2;font-size:12px;letter-spacing:.17em;font-family:inherit;font-weight:800;
}
.login-page.vertex-public-page .vertex-registration-card{
  min-width:0;max-width:none;width:100%;border:1px solid #414345;
  border-radius:0 13px 13px 0;padding:clamp(27px,3.2vw,48px);
  background:#191b1c;box-shadow:0 22px 70px rgba(0,0,0,.28);
}
.login-page.vertex-public-page .vertex-registration-card::after,
.login-page.vertex-public-page .vertex-registration-card::before{display:none}
.login-page.vertex-public-page .vertex-registration-card h2{
  letter-spacing:.01em;line-height:1.08;color:#f5f6f6;
}
.login-page.vertex-public-page .vertex-registration-card .login-match-header h2{font-size:clamp(30px,3vw,42px);margin:12px 0}
.login-page.vertex-public-page .login-match-header p,
.login-page.vertex-public-page .registration-step-head p{
  color:#b4bbbe;font-size:13px;line-height:1.6;
}
.login-page.vertex-public-page .vertex-login-card-match{min-height:610px}
.login-page.vertex-public-page .login-match-inner{width:min(100%,445px);padding:8px 0}
.login-page.vertex-public-page .registration-wizard .ux-form-intro{
  color:#bec4c7;font-size:12px;line-height:1.65;padding:0 0 15px;
}
.login-page.vertex-public-page :is(.login-match-form,.registration-wizard,.login-card) label{
  color:#e2e5e6;font-size:12px;font-weight:700;letter-spacing:.012em;
}
.login-page.vertex-public-page :is(.login-match-form,.registration-wizard,.login-card) :is(input,select,textarea){
  display:block;width:100%;min-width:0;min-height:47px;
  padding:11px 13px;margin-top:7px;
  border:1px solid #53575a;border-radius:7px;
  background:#292b2d;color:#f6f7f8;font-size:15px;
  box-shadow:none;transition:border-color .15s,box-shadow .15s;
}
.login-page.vertex-public-page :is(input,select,textarea)::placeholder{color:#a7afb3;opacity:1}
.login-page.vertex-public-page :is(input,select,textarea):focus-visible{
  border-color:#77dfff;outline:2px solid rgba(119,223,255,.42);outline-offset:1px;
}
.login-page.vertex-public-page .btn:not(.ghost):not(.secondary){
  border:1px solid #35bce8;border-radius:7px;background:#25b8e8;color:#091216;
  font-weight:850;letter-spacing:.06em;min-height:46px;
}
.login-page.vertex-public-page .btn:not(.ghost):not(.secondary):hover{background:#65d6fa;border-color:#65d6fa}
.login-page.vertex-public-page .btn.ghost,
.login-page.vertex-public-page .btn.secondary{
  border:1px solid #5a5e61;border-radius:7px;background:#303335;color:#edf0f1;min-height:44px;
}
.login-page.vertex-public-page .btn.ghost:hover,
.login-page.vertex-public-page .btn.secondary:hover{background:#3d4144}
.login-page.vertex-public-page a.text-link{color:#87defa;text-decoration:underline;text-decoration-color:rgba(135,222,250,.32);text-underline-offset:4px}
.login-page.vertex-public-page .login-match-links{border-color:#373a3c;padding-top:20px;margin-top:24px}
.login-page.vertex-public-page .login-match-footer{color:#91999d;border-color:#373a3c}
.login-page.vertex-public-page .login-match-footer b{color:#d0d5d8}
.login-page.vertex-public-page .registration-progress{margin-bottom:27px;gap:5px}
.login-page.vertex-public-page .registration-progress>i{background:#474a4c}
.login-page.vertex-public-page .registration-step-indicator{color:#aeb4b7;gap:7px}
.login-page.vertex-public-page .registration-step-indicator span{
  border-radius:8px;transform:none;background:#2e3032;color:#c8cdcf;border:1px solid #5d6062;
  height:34px;width:34px;font-size:12px;
}
.login-page.vertex-public-page .registration-step-indicator.active{color:#f4f6f7}
.login-page.vertex-public-page .registration-step-indicator.active span{
  background:#34b9e6;color:#091216;border-color:#34b9e6;
}
.login-page.vertex-public-page .registration-step-indicator.complete span{
  background:#3d4042;border-color:#7b8285;color:#f2f4f5;
}
.login-page.vertex-public-page .registration-step-head{margin-bottom:23px}
.login-page.vertex-public-page .registration-step-head h2{font-size:clamp(26px,2.6vw,34px);margin:8px 0 8px}
.login-page.vertex-public-page .registration-fields{gap:16px}
.login-page.vertex-public-page .registration-optional-block,
.login-page.vertex-public-page .registration-review-note{
  background:#262829;border:1px solid #474b4d;border-radius:9px;padding:17px;
}
.login-page.vertex-public-page .registration-optional-block p,
.login-page.vertex-public-page .registration-review-note span{
  color:#b9c0c4;font-size:12px;line-height:1.55;
}
.login-page.vertex-public-page .registration-nav{border-color:#3b3f41;padding-top:21px;margin-top:25px}
.login-page.vertex-public-page .login-help{margin-top:25px;font-size:12px}
/* Password recovery uses the same neutral surface treatment. */
.login-page.vertex-public-page .login-shell.single{padding:25px 16px;min-height:100vh}
.login-page.vertex-public-page .login-card.vertex-auth-card{
  width:min(470px,100%);padding:clamp(24px,4vw,40px);
  background:#1d1f20;border:1px solid #494d4f;border-radius:12px;
  box-shadow:0 25px 75px rgba(0,0,0,.25);
}
.login-page.vertex-public-page .login-card.vertex-auth-card::before{display:none}
.login-page.vertex-public-page .login-card.vertex-auth-card img{width:210px;max-width:90%}
.login-page.vertex-public-page .login-card.vertex-auth-card .login-title h2{font-size:32px}
.login-page.vertex-public-page .login-card.vertex-auth-card .stack{gap:18px}
.login-page.vertex-public-page .login-card.vertex-auth-card .stack .btn{margin-top:5px}
@media(max-width:900px){
  .login-page.vertex-public-page .vertex-registration-shell{grid-template-columns:1fr;width:min(720px,calc(100% - 24px));padding:20px 0}
  .login-page.vertex-public-page .registration-brand-panel{min-height:unset;border:1px solid #414345;border-bottom:0;border-radius:12px 12px 0 0}
  .login-page.vertex-public-page .registration-brand-inner{padding:22px 27px}
  .login-page.vertex-public-page .registration-brand-inner>img{width:170px;margin:0 0 12px}
  .login-page.vertex-public-page .registration-brand-panel h1{font-size:33px;margin:8px 0}
  .login-page.vertex-public-page .registration-brand-panel p{font-size:12px;margin:0}
  .login-page.vertex-public-page .vertex-brand-points,.login-page.vertex-public-page .vertex-brand-tagline{display:none}
  .login-page.vertex-public-page .vertex-registration-card{border-radius:0 0 12px 12px;padding:26px}
  .login-page.vertex-public-page .vertex-login-card-match{min-height:unset}
  .login-page.vertex-public-page .login-match-inner{width:100%}
}
@media(max-width:580px){
  .login-page.vertex-public-page .vertex-registration-shell{width:calc(100% - 20px);padding:10px 0 20px}
  .login-page.vertex-public-page .registration-brand-inner{padding:20px}
  .login-page.vertex-public-page .registration-brand-panel h1{font-size:29px}
  .login-page.vertex-public-page .registration-brand-panel p{font-size:11px}
  .login-page.vertex-public-page .vertex-registration-card{padding:22px 17px}
  .login-page.vertex-public-page .registration-fields{grid-template-columns:1fr!important}
  .login-page.vertex-public-page .registration-step-indicator b{display:none}
  .login-page.vertex-public-page .registration-step-indicator span{width:36px;height:36px}
  .login-page.vertex-public-page .login-match-links{flex-direction:column;gap:11px}
  .login-page.vertex-public-page .registration-nav{flex-wrap:wrap}
  .login-page.vertex-public-page .registration-nav .btn{min-height:46px;white-space:normal}
}
@media(prefers-reduced-motion:reduce){
  .login-page.vertex-public-page *{scroll-behavior:auto!important;transition:none!important}
}
