*{box-sizing:border-box}
:root{color-scheme:light;font-family:'Segoe UI',system-ui,sans-serif;color:#1a2925;background:#f4f6f3;font-size:18px}
body{margin:0;min-height:100vh;padding:40px 20px;display:grid;place-items:center;line-height:1.55}
.access-card{width:100%;max-width:600px;background:#fff;border:1px solid #d9dfd7;border-radius:22px;padding:36px;box-shadow:0 14px 44px #006b5a12}
.brand{display:block;object-fit:contain;margin:0 auto 28px}
h1{font-family:Georgia,serif;font-size:32px;line-height:1.2;color:#006b5a;margin:0 0 12px;text-align:center}
#access-intro{text-align:center;color:#53635b}
p{margin:0 0 20px;overflow-wrap:anywhere}
form{display:grid;gap:12px;margin:24px 0}
label{font-weight:650}
input,button{font:inherit;min-width:0;width:100%;border-radius:10px;min-height:50px}
input{padding:12px;border:1px solid #839b92;background:#fff;color:#192b24}
button{padding:12px 18px;border:1px solid #006b5a;background:#006b5a;color:#fff;font-weight:650;cursor:pointer;line-height:1.45;white-space:normal}
button:hover{background:#004d42}
button:disabled{cursor:wait;opacity:.65}
.secondary{background:#fff;color:#006b5a}.secondary:hover{background:#e7f2ef}
.check{display:flex;align-items:center;gap:12px;min-height:48px;font-weight:500}
.check input{width:22px;height:22px;min-height:22px;flex:0 0 22px;accent-color:#006b5a}
.hint{font-size:16px;color:#53635b;line-height:1.55;margin:0 0 6px}
.back{display:flex;align-items:center;justify-content:center;min-height:48px;color:#006b5a;font-weight:650;text-underline-offset:4px;text-align:center}
.message{padding:16px;border:1px solid #d7a5a5;border-radius:12px;background:#fff2f2;color:#852525;font-size:17px}
.message[data-ok="true"]{background:#eaf4ee;border-color:#a7cdbc;color:#205341}
.account{padding:12px;background:#f1f5f2;border-radius:10px;font-size:16px}
:focus-visible{outline:3px solid #006b5a;outline-offset:3px}
[hidden]{display:none!important}
@media(max-width:540px){body{padding:16px 12px;place-items:start center}.access-card{padding:24px 20px}h1{font-size:28px}}