/* ปุ่ม Google/Apple · ช่องรหัส 6 หลัก · ตัววัดความแข็งแรงรหัสผ่าน (ใช้ทั้งหน้าเข้าสู่ระบบและหน้าสมัคร) */
.sso-cap{text-align:center;color:var(--muted);font-size:13px;margin:18px 0 8px}
.sso{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 6px}
.sso-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:0 16px;border-radius:999px;border:1px solid var(--border-strong,#d2d2d7);background:var(--surface,#fff);color:var(--text);font:inherit;font-size:15px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s}
.sso-btn:hover{background:var(--surface-2,#f5f5f7);border-color:var(--muted);text-decoration:none}
.sso-btn:focus-visible{outline:3px solid rgba(0,113,227,.35);outline-offset:2px}
.sso-ic{width:20px;height:20px;flex:none}
.sso-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:16px 0 14px}
.sso-or::before,.sso-or::after{content:"";flex:1;height:1px;background:var(--border)}
.sso-note{background:#EEF6FF;color:#1d4f91;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.55;margin:14px 0}
.sso-note b{font-weight:600}
.sso-note a{color:inherit;font-weight:600;text-decoration:underline}
.sso-linked{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin:16px 0 4px;background:var(--surface-2,#fafafa)}
.sso-linked .who{flex:1;min-width:0;font-size:14px;line-height:1.45}
.sso-linked .who b{display:block;font-size:15px}
.sso-linked .who span{color:var(--muted);overflow-wrap:anywhere}
.sso-linked a{font-size:13px;white-space:nowrap}
.otp{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:6px 0 14px}
.otp input{height:56px;padding:0;text-align:center;font-size:24px;font-weight:600;border:1px solid var(--border);border-radius:14px;background:var(--surface,#fff);color:var(--text);width:100%;min-width:0;font-family:inherit}
.otp input:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 4px rgba(0,113,227,.15)}
.otp.bad input{border-color:#E5484D}
.pw-meter{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px}
.pw-meter i{height:4px;border-radius:4px;background:var(--border)}
.pw-meter[data-l="1"] i:nth-child(-n+1){background:#E5484D}
.pw-meter[data-l="2"] i:nth-child(-n+2){background:#F5A524}
.pw-meter[data-l="3"] i{background:#30A46C}
.pw-hint{display:block;color:var(--muted);font-size:12.5px;margin-top:6px;line-height:1.5}
.pw-hint.bad{color:#C8372D}
.resend{color:var(--muted);font-size:14px;margin:14px 0 0;text-align:center}
.resend button{background:none;border:0;padding:0;font:inherit;color:#0071e3;cursor:pointer}
.resend button:disabled{color:var(--muted);cursor:default}
.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;text-decoration:none;margin-bottom:14px;background:none;border:0;padding:0;font-family:inherit;cursor:pointer}
.done-ic,.mail-ic{width:56px;height:56px;display:grid;place-items:center;margin-bottom:14px}
.done-ic{border-radius:50%;background:#E8F6EE;color:#30A46C}
.mail-ic{border-radius:16px;background:#EEF6FF;color:#0071e3}
.done-ic svg,.mail-ic svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.auth-hint{color:var(--muted);font-size:13px;line-height:1.6;margin-top:14px}
.form.verify{max-width:480px;width:100%;justify-self:center}
.form.verify .btn{width:100%}
@media (max-width:899px){.signup-grid .side.hide-sm{display:none}}
/* ซ่อนจริงเมื่อใส่ hidden (กัน display:grid ของ .row2 / .form ทับ) */
[hidden]{display:none!important}
.signup-cta{margin-top:22px;padding-top:18px;border-top:1px solid var(--border,#e6e8ef);display:grid;gap:10px;text-align:center}
.signup-cta>span{color:var(--muted);font-size:14px}
.signup-cta .home-link{color:var(--muted);font-size:13px}
.signup-cta .btn{margin:0}