@charset "UTF-8";
.member-panel{max-width:520px;margin:56px auto;padding:32px;background:var(--white);border:1px solid var(--line);border-radius:8px}
.member-panel h1{margin:8px 0 16px}.member-panel>p{color:var(--muted)}
.member-form{display:grid;gap:10px;margin-top:24px}.member-form>label{font-weight:600}
.member-form>input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink)}
.member-form .member-checkbox{display:flex;gap:10px;align-items:center;font-weight:400;margin:8px 0}
.member-form .button{cursor:pointer;justify-self:start;background:var(--button-bg);color:var(--button-text);border:0}
.member-form .button:hover{background:var(--button-hover);color:var(--button-hover-text)}
.member-links{margin-top:24px}.member-links a{text-decoration:underline;text-underline-offset:4px;color:var(--link-text)}
.member-errors{margin-top:16px;padding:12px;background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-line);border-radius:4px}
.member-errors ul{margin:0;padding-left:22px}.member-form>p{font-size:13px;color:var(--muted)}
@media(max-width:600px){.member-panel{margin:24px 16px;padding:24px}}