.member-dialog{width:min(460px,calc(100vw - 32px));box-sizing:border-box;max-height:calc(100dvh - 32px);overflow:auto;padding:34px 36px 24px;border:1px solid #fff;border-radius:28px;background:linear-gradient(135deg,#fffaf2f5,#f0e2d6f5);color:#191817;box-shadow:0 30px 100px #301b1655;font-family:Inter,'Noto Sans Thai',sans-serif}.member-dialog::backdrop{background:#23191355;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.member-dialog[open]{animation:member-enter .3s ease-out}.member-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:36px}.member-brand{color:#a06135;font-size:21px;letter-spacing:.3em}.member-brand small{display:block;font-size:7px;text-align:center;letter-spacing:.45em;margin-top:5px}.member-close{background:none;border:0;width:32px;height:32px;font-size:27px;color:#8e552e;cursor:pointer}.member-dialog h2{font-family:'Playfair Display',Georgia,serif;font-size:34px;font-weight:500;letter-spacing:-.045em;line-height:1.15;margin:0 0 12px}.member-description{font-size:13px;line-height:1.65;color:#56504b;margin:0 0 26px}.member-options{display:grid;gap:12px}.member-option{display:flex;align-items:center;gap:16px;width:100%;padding:17px 18px;border:1px solid #bb865e;border-radius:15px;background:#fffaf4cc;color:#171615;font:500 14px Inter,'Noto Sans Thai',sans-serif;text-align:left;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.member-option:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #b7824620}.member-option svg{width:23px;height:23px;flex-shrink:0}.member-arrow{margin-left:auto;color:#8e552e;font-size:20px}.member-bottom{border-top:1px solid #bcaea0;margin-top:26px;padding-top:20px;text-align:center;font-size:12px;color:#62564d}.member-link{border:0;background:none;color:#965c36;text-decoration:underline;text-underline-offset:3px;font:inherit;padding:4px;cursor:pointer}.member-note{font-size:10px;text-align:center;color:#78695c;line-height:1.55;margin:18px 0 0}.member-form{display:grid;gap:15px}.member-form label{display:grid;gap:7px;font-size:12px;color:#4f443d}.member-form input{box-sizing:border-box;width:100%;padding:14px 15px;border:1px solid #cbb5a3;border-radius:12px;background:#fffaf6;color:#201915;font:14px Inter,'Noto Sans Thai',sans-serif}.member-primary{width:100%;padding:16px;border:0;border-radius:13px;background:#191817;color:#fff;font:500 14px Inter,'Noto Sans Thai',sans-serif;cursor:pointer}.member-dialog button:focus-visible,.member-form input:focus{outline:2px solid #a56e44;outline-offset:4px}.member-back{margin-bottom:18px;font-size:12px}.member-success{display:grid;place-items:center;width:55px;height:55px;border:1px solid #c6a377;border-radius:50%;background:#eee0ce;color:#9a6136;font-size:26px;margin-bottom:22px}.member-error{font-size:12px;color:#a33325}.member-error:empty{display:none}body.member-open{overflow:hidden}@keyframes member-enter{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:520px){.member-dialog{padding:27px 24px 22px}.member-dialog h2{font-size:30px}.member-top{margin-bottom:28px}.member-option{padding:16px 14px;font-size:13px}}@media(prefers-reduced-motion:reduce){.member-dialog[open]{animation:none}.member-option{transition:none}}