:root{
    --base:#FFFFFF; --beige:#FFFFFF; --moss:#8C9A82; --moss-deep:#61705A; --muted:#8C8676;
    --mincho:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif;
    --gothic:"Yu Gothic","YuGothic","Hiragino Sans","Noto Sans JP","Segoe UI",sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:var(--gothic);background:var(--base);color:#3D3A33;min-height:100vh;
       display:flex;flex-direction:column;align-items:center;justify-content:center;
       padding:40px 24px;text-align:center;line-height:1.9}
  .leaf{width:54px;height:auto;color:var(--moss);margin:0 auto 8px}
  .en{font-family:var(--mincho);font-size:clamp(34px,7vw,56px);font-weight:500;color:var(--moss-deep);
      letter-spacing:.12em;line-height:1.2}
  .dots{display:flex;justify-content:center;gap:8px;margin:18px 0}
  .dots span{width:5px;height:5px;border-radius:50%;background:var(--moss);transform:rotate(45deg)}
  .jp{font-family:var(--mincho);font-size:17px;letter-spacing:.18em;color:var(--moss)}
  p.msg{max-width:440px;color:#5b574c;font-size:14px;margin:30px auto 38px}
  .back{display:inline-block;background:var(--moss);color:#fff;font-weight:700;
        padding:15px 44px;border-radius:4px;font-size:14px;letter-spacing:.08em;transition:.2s}
  .back:hover{background:var(--moss-deep)}
  .brand{margin-top:54px;font-family:var(--mincho);color:var(--moss-deep);font-size:15px;letter-spacing:.1em}
  .brand small{display:block;font-family:var(--gothic);font-size:10px;letter-spacing:.22em;color:var(--moss);margin-top:4px}
  a{text-decoration:none}