:root{
  --acc:#0A7DD8; /* VISUELLブルー（調整可） */
  --ink:#0b0b0b; /* 文字色 */
  --mut:#6b7280; /* サブテキスト */
  --line:#e5e7eb; /* 罫線 */
}
html{ scroll-behavior:smooth; }
/* モーション（ふわっとズーム＋フェード） */
[data-animate]{
  opacity:0; transform: translateY(12px) scale(.98);
  transition: opacity .6s cubic-bezier(.2,.7,.2,1),
              transform .6s cubic-bezier(.2,.7,.2,1);
}
[data-animate].in{
  opacity:1; transform: translateY(0) scale(1);
}
/* ガラスっぽい白面 */
.panel{ background:rgba(255,255,255,.75); backdrop-filter:saturate(1.2) blur(6px); }
/* 影＆角丸プリセット */
.card{ border:1px solid var(--line); border-radius:1.25rem; }
.btn{ border-radius:9999px; padding:.8rem 1.2rem; font-weight:600; }
.btn-primary{ background:var(--ink); color:#fff; }
.btn-primary:hover{ filter:brightness(0.92); }
.btn-ghost{ border:1px solid var(--line); }
.link{ color:var(--ink); border-bottom:1px solid rgba(10,125,216,.25); }
.link:hover{ color:var(--acc); border-bottom-color:var(--acc); }