/* OneTap Motion — 登入頁 */
.auth-main{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--hero-gradient)}
.auth-card{width:100%;max-width:400px;background:var(--paper);border:1px solid var(--soft-line);border-radius:22px;padding:40px 32px;box-shadow:0 16px 65px var(--shadow);display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.auth-card-head h1{font-size:26px;font-weight:800;letter-spacing:-.5px;margin:0;color:var(--text)}
.auth-card-head p{margin:8px 0 0;font-size:14px;color:var(--muted)}
.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:12px 18px;background:var(--input);border:1px solid var(--soft-line);border-radius:12px;color:var(--text);font-size:15px;font-weight:600;transition:border-color .18s,background .18s}
.btn-google:hover:not(:disabled){border-color:var(--accent);background:var(--blue-soft)}
.btn-google:disabled{opacity:.6;cursor:wait}
.btn-google svg{width:18px;height:18px;flex-shrink:0}
.spinner{width:16px;height:16px;border:2px solid var(--soft-line);border-top-color:var(--accent);border-radius:50%;animation:auth-spin .8s linear infinite;flex-shrink:0}
@keyframes auth-spin{to{transform:rotate(360deg)}}
.error-message{display:none;width:100%;padding:10px 14px;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3);border-radius:10px;color:#f87171;font-size:13px;line-height:1.6}
.error-message.show{display:block}
.auth-note{font-size:12px;color:var(--muted);margin:0;line-height:1.6}
@media(max-width:600px){
  .auth-main{padding:24px 16px;min-height:calc(100vh - 68px)}
  .auth-card{padding:32px 24px;border-radius:19px}
}