:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#e6edf7;background:#070d19}*{box-sizing:border-box}body{margin:0;line-height:1.6}header,footer{max-width:960px;margin:auto;padding:24px;display:flex;gap:20px;flex-wrap:wrap}main{max-width:620px;margin:32px auto;padding:28px;background:#101c30;border:1px solid #354665;border-radius:16px}a{color:#91c7ff}h1{font-size:clamp(1.4rem,5vw,2rem);line-height:1.3}label{display:block;margin-top:16px}input{display:block;width:100%;padding:12px;margin:6px 0;background:#080f1d;color:#fff;border:1px solid #7d90ae;border-radius:6px;font:inherit}button{padding:12px 20px;margin:18px 0;background:#9fceff;color:#0b1423;border:0;border-radius:8px;font:inherit;cursor:pointer}a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid #ffc978;outline-offset:4px}.validation-summary-errors{border:1px solid #ffb9b9;padding:12px;color:#ffd0d0}section{border-top:1px solid #354665;padding-top:8px;margin-top:24px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:#101c30;padding:12px}p,a{overflow-wrap:anywhere}@media(max-width:640px){main{margin:16px;padding:20px}header,footer{padding:16px}footer{display:block}}
.legal-document { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; }
.validation-summary-valid { display: none; }
.consent { display: flex; align-items: flex-start; gap: 10px; }
.consent input[type=checkbox] { flex: 0 0 20px; width: 20px; height: 20px; margin: 3px 0 0; padding: 0; }
.consent span { min-width: 0; }
.password-field { position: relative; }
.password-field input { padding-right: 44px; }
.password-toggle { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); margin: 0; padding: 4px; width: 28px; height: 28px; background: transparent; color: #91c7ff; font-size: .8rem; border-radius: 4px; text-decoration: underline; user-select: none; touch-action: none; }
.password-toggle[hidden] { display: none; }

.password-toggle svg { display: block; width: 20px; height: 20px; pointer-events: none; }
.password-toggle .peek-hide, .password-toggle.revealing .peek-show { display: none; }
.password-toggle.revealing .peek-hide { display: block; }
