.g8-tile{position:relative;display:flex;flex-direction:column;gap:14px;min-height:240px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .3s,transform .3s,background .3s}
.g8-tile::before{content:"";position:absolute;inset:auto -30% -60% auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 70%);opacity:0;transition:opacity .4s}
a.g8-tile:hover{border-color:var(--accent-line);transform:translateY(-3px);background:var(--surface-2)}
a.g8-tile:hover::before{opacity:1}
.g8-tile__top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.g8-tile__index{font-size:.75rem;color:var(--muted)}
.g8-tile__title{font-family:var(--font-display);font-size:1.3rem;font-weight:500;line-height:1.15;letter-spacing:-.01em;color:var(--text)}
.g8-tile__text{color:var(--text-2);font-size:.93rem}
.g8-tile__more{margin-top:auto;color:var(--accent);font-weight:600;font-size:.9rem}