#register-view {max-width:760px;width:100%;box-sizing:border-box;text-align:left;padding:32px;}
body:has(#register-view[style*="block"]) {display:block;height:auto;min-height:100vh;overflow-y:auto;background:#f3f6f9;}
body:has(#register-view[style*="block"]) .login-left,body:has(#register-view[style*="block"]) .login-right {display:none;}
.login-card-container:has(#register-view[style*="block"]) {max-width:760px;width:calc(100% - 32px);position:relative;top:auto;left:auto;transform:none;margin:32px auto;}
#register-view [hidden] {display:none!important;}
#register-view .login-logo {display:block;margin:0 auto 24px;max-width:200px;width:100%;}
#registration-title {font-size:1.65rem;line-height:1.25;color:#172337;margin:0 0 12px;}
.registration-intro,.field-help {font-size:1rem;color:#526174;line-height:1.5;margin:0 0 16px;}
.registration-progress {display:flex;gap:8px;padding:0;margin:24px 0;list-style:none;}
.registration-progress li {flex:1;border-bottom:3px solid #dce3ea;padding:10px 0;color:#526174;font-size:.9rem;}
.registration-progress li[aria-current="step"] {border-color:#ec6500;color:#943c00;font-weight:700;}
#register-form {display:block;}
#register-form fieldset {border:0;padding:0;margin:0;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
#register-form legend {font-size:1.15rem;font-weight:700;color:#172337;margin-bottom:20px;}
#register-form .form-group {margin:0;min-width:0;}
#register-form label,#login-form label {display:block;font-size:1rem;margin-bottom:8px;color:#374151;text-align:left;}
#register-form .form-control {width:100%;box-sizing:border-box;font-size:1rem;min-height:48px;height:auto;padding:12px;}
#register-form .field-help,#register-form .registration-consent {grid-column:1/-1;}
#register-form .registration-consent {display:flex;align-items:flex-start;gap:10px;line-height:1.5;margin:0;}
#register-form .registration-consent input {flex:0 0 auto;width:20px;height:20px;margin-top:2px;}
#register-form a {color:#006c79;text-decoration:underline;}
.registration-actions {display:flex;gap:12px;margin-top:26px;}
.registration-actions .btn-login {flex:1;width:auto;margin:0;font-size:1rem;min-height:48px;}
.secondary-button,.text-button {font:inherit;cursor:pointer;border-radius:10px;padding:12px 16px;min-height:44px;}
.secondary-button {border:1px solid #bdc8d2;background:#fff;color:#172337;}
.text-button {border:0;background:transparent;color:#006c79;text-decoration:underline;text-align:left;padding-left:0;}
#register-form button:disabled {opacity:.65;cursor:wait;}
#register-message {background:#fff1f0;padding:14px;border-left:3px solid #b91c1c;margin:20px 0 0;color:#991b1b;line-height:1.5;}
#registration-success {line-height:1.6;text-align:center;color:#172337;}
.locker-code {font-size:2rem;font-weight:800;letter-spacing:.04em;background:#e8f7f8;padding:16px;border-radius:12px;overflow-wrap:anywhere;}
#registration-success .btn-login {font-size:1rem;margin-top:16px;}
#register-view :focus-visible {outline:3px solid #007c8a;outline-offset:3px;}
@media(max-width:600px) {#register-form fieldset {grid-template-columns:1fr;}#register-view {padding:24px 20px;} .login-card-container:has(#register-view[style*="block"]) {margin:16px auto;} #registration-title {font-size:1.4rem;}}