/* 全体 */
body{
  font-family:sans-serif;
  background:#f4f6fb;
  text-align:center;
}

/* テーブルをカード化 */
table{
  width:90% !important;
  max-width:400px;
  margin:30px auto;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

/* タイトル */
td[bgcolor]{
  background:#2c7be5 !important;
  color:#fff;
  font-size:1.2rem;
  text-align:center;
}

/* 入力 */
input[type="text"],
input[type="password"]{
  width:80%;
  padding:12px;
  margin:10px 0;
  border-radius:8px;
  border:1px solid #ccc;
  font-size:1rem;
}

/* ボタン */
input[type="submit"]{
  width:80%;
  padding:12px;
  background:#2c7be5;
  color:#fff;
  border:none;
  border-radius:8px;
  font-size:1rem;
}

/* メッセージ */
font[color="#FF0000"]{
  display:block;
  margin:10px;
  color:#e53935;
}