/* eduSign 登入頁 — 與 emms/esrs 相同版面（Google 為主 + 訪客登入）；eduSign 綠色系 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Microsoft JhengHei','Microsoft YaHei','PingFang TC',sans-serif;color:#2b2b3a}

.emms-login{min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#34c08e 0%,#1d7a53 100%);padding:24px}
.login-wrap{width:100%;max-width:440px}
.login-card{background:#fff;border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.35);overflow:hidden}
.lc-head{background:linear-gradient(135deg,#34c08e,#1d7a53);color:#fff;padding:38px 30px;text-align:center}
.lc-head h1{font-size:34px;font-weight:600;letter-spacing:1px}
.lc-head h1 b{font-weight:800}
.lc-head .sub{margin-top:6px;font-size:14px;opacity:.9}
.lc-body{padding:32px 30px}
.msg{padding:13px 16px;border-radius:10px;margin-bottom:20px;font-size:15px;text-align:center}
.msg.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}
.msg.warn{background:#fff3cd;border:1px solid #ffeeba;color:#856404}
.msg.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}

.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;
  padding:13px;border:2px solid #e0e0e0;border-radius:10px;text-decoration:none;color:#333;font-size:15px}
.btn-google:hover{border-color:#1d7a53}
.g-logo{width:20px;height:20px}

/* 訪客登入：置於 Google 之下的次要入口 */
.btn-guest{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;
  padding:13px;border:2px dashed #d5d5dd;border-radius:10px;text-decoration:none;color:#666;font-size:15px}
.btn-guest:hover{border-color:#1d7a53;color:#1d7a53}

.note{margin-top:14px;text-align:center;color:#aaa;font-size:12px;line-height:1.7}