/* Send29 — login screen (rebuild v1) */
:root{
  --ink:#14162b; --body:#5c6070;
  --indigo:#5558dd; --indigo-dark:#4649c8;
  --line:#e4e6ef;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
  background:#edeef3;color:var(--ink);-webkit-font-smoothing:antialiased;
}
.wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:52px 24px 40px}
.brand img{height:58px;display:block}
.card{
  width:100%;max-width:540px;background:#fff;border-radius:18px;
  box-shadow:0 24px 70px rgba(23,18,67,.12);padding:40px 48px 44px;margin-top:34px;
}
.card h1{margin:0 0 22px;font-size:27px;font-weight:800;letter-spacing:-.02em}
.notice{margin:0 0 20px;background:#eef7f0;border:1px solid #bfe3cc;color:#1c7c47;font-size:14px;border-radius:10px;padding:12px 16px}

.lbl{display:block;font-size:17px;font-weight:700;margin:0 0 10px}
.input{
  width:100%;height:54px;border:1.5px solid #d4d7e2;border-radius:9px;background:#fff;
  padding:0 16px;font:inherit;font-size:16px;color:var(--ink);outline:none;
  transition:border-color .15s, box-shadow .15s;margin-bottom:22px;
}
.input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(85,88,221,.13)}

.cta{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;height:56px;margin-top:4px;border:0;border-radius:9px;cursor:pointer;
  background:var(--indigo);color:#fff;font:inherit;font-size:17.5px;font-weight:700;
  box-shadow:0 10px 24px rgba(85,88,221,.28);transition:background .15s;
}
.cta:hover{background:var(--indigo-dark)}
.cta svg{width:20px;height:20px}

.forgot{display:flex;justify-content:center;gap:58px;margin:28px 0 0;font-size:16.5px}
.forgot a{color:var(--indigo);font-weight:700;text-decoration:underline;text-underline-offset:3px}

.rule{border:0;height:1px;background:var(--line);margin:30px 0 26px}

.alt-lead{margin:0 0 18px;font-size:17px;font-weight:700}

.google{
  display:flex;align-items:center;justify-content:center;gap:12px;
  width:100%;height:56px;border:1.5px solid #23253a;border-radius:999px;background:#fff;cursor:pointer;
  font:inherit;font-size:16.5px;font-weight:700;color:var(--indigo);
  transition:background .15s;
}
.google:hover{background:#f7f8fd}
.google svg{width:22px;height:22px;flex:0 0 22px}

.below{margin:26px 0 0;font-size:15.5px;color:var(--body)}
.below a{color:var(--indigo);font-weight:700;text-decoration:underline;text-underline-offset:2px}

@media (max-width:560px){
  .card{padding:30px 22px 34px;border-radius:14px}
  .forgot{gap:28px}
}

.errbox{margin:0 0 20px;background:#fdf0f0;border:1px solid #ecc4c4;color:#a33;font-size:14px;line-height:1.6;border-radius:10px;padding:12px 16px}