/* index.html — page-specific styles (loaded after main.css) */
@keyframes spin{to{transform:rotate(360deg)}}
/* ==== V9.0 — journey continuity link (reuses existing button tokens) ==== */
.next-step{display:flex;justify-content:center;margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.next-step a{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--muted);transition:color .35s}
.next-step a:hover{color:var(--gold)}
.next-step a svg{width:16px;height:16px;transition:transform .4s var(--ease)}
.next-step a:hover svg{transform:translateX(5px)}
[dir="rtl"] .next-step a svg{transform:scaleX(-1)}
[dir="rtl"] .next-step a:hover svg{transform:scaleX(-1) translateX(5px)}