:root{
  --bg1: #ffffff;
  --bg2: #faf9f6;  /* trắng ngà */
  --bg3: #f1efea;  /* bóng giấy rất nhẹ */

  --ink: #1a1a1a;  /* đen mềm */
  --muted: #6b6b6b;

  --card: rgba(255,255,255,.72);
  --border: rgba(0,0,0,.10);
  --shadow: 0 18px 50px rgba(0,0,0,.08);
  --radius: 22px;
}

body{
  margin:0;
  color: var(--ink);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  line-height:1.6;

  /* nền “như không màu” nhưng đọc rất êm */
  background: radial-gradient(1200px 800px at 20% 10%,
    var(--bg1) 0%,
    var(--bg2) 55%,
    var(--bg3) 100%
  );
}
/* khung ngoài: căn giữa theo chiều ngang */
.wrap{
  min-height: 100vh;
  display: flex;
  align-items: center;      /* căn giữa theo chiều dọc (nếu chị muốn) */
  justify-content: center;  /* căn giữa theo chiều ngang */
  padding: 28px 18px;
}

/* card quẻ: giới hạn chiều rộng và tự căn giữa */
.card{
  width: 100%;
  max-width: 560px;   /* chị có thể 520–640 tùy mắt */
  margin: 0 auto;
  padding: 28px 22px;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: var(--card);
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
}