body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e4e9e3,#f6f1e6)}.panel{width:min(560px,94%);margin:30px auto}.box{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.box h1{font:500 34px "Noto Sans Thai",Tahoma,sans-serif;margin:0 0 18px}.box p{color:var(--muted)}.box form{display:grid;gap:15px}.box .btn{margin-top:5px}.auth-link{text-align:center;color:var(--green);font-size:13px;font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.security-note{font-size:12px;line-height:1.65;padding:12px 14px;border-radius:12px;background:#fff5dc;color:#72521c;margin:0 0 17px}
.google-login-wrap{display:grid;gap:7px;margin:20px 0 14px}.google-login{min-height:48px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #cfd5d2;border-radius:8px;background:#fff;color:#27342e;text-decoration:none;font-weight:600;box-shadow:0 3px 10px rgba(30,48,39,.05);transition:.18s}.google-login:not(.disabled):hover{border-color:#7d9b8e;background:#f8fbf9;transform:translateY(-1px)}.google-login.disabled{opacity:.5;cursor:not-allowed}.google-mark{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font:700 16px Arial;color:#4285f4;background:conic-gradient(from -45deg,#fff 0 25%,#f5f7ff 0 50%,#fff8f6 0 75%,#f8fff9 0);border:1px solid #e1e4e3}.google-login-wrap small{color:var(--muted);font-size:11px;text-align:center}.auth-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:#8a918d;font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.box .eyebrow{color:#96733c;font-size:10px;font-weight:700;letter-spacing:1.4px}.box{position:relative;overflow:hidden}.box:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#172f29,#a8885b)}

.member-auth-panel{width:min(720px,94%)}.member-auth-panel .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.consent-list{display:grid;gap:10px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#f8faf8}.consent-list label{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.55}.consent-list input{margin-top:4px;flex:0 0 auto}.otp-input{text-align:center;font-size:30px!important;font-weight:700;letter-spacing:.34em}.resend-form{margin-top:9px}.local-otp{display:grid;gap:4px;padding:14px;margin:12px 0;border:1px solid #d8ba75;border-radius:12px;background:#fff4d7;text-align:center}.local-otp strong{font-size:25px;letter-spacing:.18em}.local-otp small{color:#72521c}.box .notice{font-size:14px;line-height:1.55}
.secret-input{position:relative;width:100%}.secret-input>input{width:100%;padding-right:76px}.secret-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);min-width:58px;min-height:36px;padding:5px 9px;border:1px solid #c7d0cb;border-radius:9px;background:#f7faf8;color:#244238;font:600 14px "Noto Sans Thai",Tahoma,sans-serif;cursor:pointer;transition:border-color .18s,background .18s,color .18s}.secret-toggle:hover{border-color:#789386;background:#edf5f1}.secret-toggle:focus-visible{outline:3px solid rgba(57,112,88,.24);outline-offset:2px}.secret-toggle[aria-pressed="true"]{background:#244238;color:#fff;border-color:#244238}
@media(max-width:620px){.member-auth-panel .form-grid{grid-template-columns:1fr}.box{padding:23px 18px}.box h1{font-size:29px}.secret-toggle{min-height:40px}}