:root{--jv-cyan:#14d8ff;--jv-blue:#4d69ff;--jv-border:#28384b;--jv-muted:#9aa9ba;--jv-danger:#ff6577}
.jv-auth-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.72fr);gap:42px;align-items:center;min-height:72vh}.jv-brand-hero{padding:30px 0}.jv-logo-wrap{display:flex;align-items:center;gap:18px;margin-bottom:30px}.jv-logo{max-width:220px;max-height:88px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(20,216,255,.18))}.jv-logo-fallback{width:72px;height:72px;border:1px solid var(--jv-cyan);border-radius:16px;display:grid;place-items:center;color:var(--jv-cyan);font-weight:900;font-size:24px;font-style:italic}.jv-brand-copy small{display:block;color:var(--jv-muted);letter-spacing:.18em;font-size:11px;text-transform:uppercase}.jv-brand-copy strong{display:block;letter-spacing:.18em;font-size:22px}.jv-auth-shell h1{font-size:clamp(42px,5.6vw,76px);line-height:1;margin:0 0 18px;max-width:780px}.jv-auth-shell .lead{color:var(--jv-muted);max-width:680px;font-size:18px;line-height:1.65}.jv-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.jv-trust-row div{border:1px solid var(--jv-border);border-radius:14px;padding:16px;background:rgba(13,20,29,.76)}.jv-trust-row strong,.jv-trust-row span{display:block}.jv-trust-row strong{font-size:13px}.jv-trust-row span{font-size:12px;color:var(--jv-muted);margin-top:5px}.jv-auth-card{background:linear-gradient(145deg,#151e2a,#0d131b);border:1px solid var(--jv-border);border-radius:22px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.35)}.jv-auth-card h2{margin:0 0 6px}.jv-auth-sub{color:var(--jv-muted);font-size:13px;margin-bottom:20px}.jv-social{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jv-social button{min-height:46px;border-radius:11px;border:1px solid var(--jv-border);background:#0b1118;color:#fff;font-weight:800;cursor:pointer}.jv-divider{display:flex;align-items:center;gap:10px;color:var(--jv-muted);font-size:11px;margin:18px 0}.jv-divider:before,.jv-divider:after{content:"";height:1px;flex:1;background:var(--jv-border)}.jv-field{margin:13px 0}.jv-field label{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#c8d2df;font-weight:800;margin:0 0 7px}.jv-required{color:var(--jv-cyan)}.jv-field input{width:100%;padding:13px 14px;border-radius:11px;border:1px solid #33445a;background:#090e14;color:#fff;outline:none;font-size:15px}.jv-field input:focus{border-color:var(--jv-cyan);box-shadow:0 0 0 3px rgba(20,216,255,.12)}.jv-field input.jv-invalid{border-color:var(--jv-danger)}.jv-field-note{color:var(--jv-muted);font-size:11px;margin-top:6px}.jv-field-error{color:#ff9aa7;font-size:11px;margin-top:6px;min-height:14px}.jv-primary{width:100%;min-height:48px;border:0;border-radius:11px;background:linear-gradient(90deg,var(--jv-blue),var(--jv-cyan));color:#031017;font-weight:900;cursor:pointer;margin-top:10px}.jv-primary:disabled{opacity:.6}.jv-link-btn{width:100%;border:0;background:transparent;color:var(--jv-cyan);cursor:pointer;padding:12px 0 0}.jv-tabs{display:flex;gap:6px;padding:5px;background:#090e14;border:1px solid #1c2734;border-radius:13px;margin-bottom:24px}.jv-tabs button{flex:1;border:0;background:transparent;color:var(--jv-muted);border-radius:9px;padding:11px;font-weight:900;cursor:pointer}.jv-tabs button.active{background:#172231;color:#fff}.jv-form-msg{margin-top:15px;padding:11px 13px;border-radius:10px;background:#14202b;border:1px solid #28445a;font-size:12px}.jv-form-msg.error{border-color:#743744;background:#2a161c;color:#ffc1c9}.jv-hidden{display:none!important}.jv-provider-note{margin-top:14px;color:var(--jv-muted);font-size:10px;line-height:1.45}.jv-header-logo{max-height:46px;max-width:180px;object-fit:contain}@media(max-width:900px){.jv-auth-shell{grid-template-columns:1fr}.jv-trust-row{grid-template-columns:1fr}}@media(max-width:520px){.jv-social{grid-template-columns:1fr}.jv-auth-card{padding:20px}}

/* Test 4 readability adjustment */
.jv-field label,
.jv-auth-card label,
.jv-auth-card input,
.jv-auth-card button,
.jv-auth-sub,
.jv-field-note,
.jv-field-error {
  font-weight: 400;
}

.jv-primary,
.jv-tabs button,
.jv-social button {
  font-weight: 600;
}

/* Account creation order, username availability and password visibility */
.jv-password-control {
  position: relative;
}

.jv-password-control input {
  padding-right: 50px;
}

.jv-password-toggle {
  position: absolute;
  top: 50%;
  right: 6px;
  width: 38px;
  height: 38px;
  padding: 8px;
  transform: translateY(-50%);
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--jv-muted);
  cursor: pointer;
}

.jv-password-toggle:hover,
.jv-password-toggle:focus-visible,
.jv-password-toggle.revealed {
  color: var(--jv-cyan);
  background: rgba(20, 216, 255, .08);
  outline: none;
}

.jv-password-toggle svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.jv-field-error.jv-available {
  color: #42d98b;
}

.jv-field-error.jv-checking {
  color: var(--jv-cyan);
}

.jv-account-created { margin-bottom: 24px; padding: 22px; border: 1px solid #43b8dc; border-radius: 14px; background: rgba(35,145,185,.10); }
.jv-account-created h2 { margin: 0 0 10px; font-size: 1.35rem; }
.jv-account-created p { line-height: 1.6; margin: 0 0 18px; }
.jv-account-created button { white-space: normal; }