.templates-index{min-height:100vh;padding:48px 24px 80px}.templates-index-header{text-align:center;max-width:600px;margin:0 auto 48px}.templates-index-header h1{font-family:var(--font-serif);font-size:2rem;margin-bottom:10px}.templates-index-header p{color:var(--text-secondary);font-size:.95rem}.templates-index-back{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted);margin-bottom:16px;transition:color .2s}.templates-index-back:hover{color:var(--text-primary)}.templates-index-section{max-width:1100px;margin:0 auto 48px}.templates-index-section h2{font-family:var(--font-serif);font-size:1.3rem;margin-bottom:6px}.templates-index-section>p{font-size:.85rem;color:var(--text-muted);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid hsla(0,0%,100%,.06)}.templates-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.templates-index-card{display:block;padding:24px 20px;border-radius:var(--radius);border:1px solid hsla(0,0%,100%,.08);transition:all .3s var(--ease);text-align:center;text-decoration:none;color:inherit}.templates-index-card:hover{transform:translateY(-3px);border-color:hsla(0,0%,100%,.15);box-shadow:0 12px 32px rgba(0,0,0,.3)}.templates-index-card .card-icon{font-size:2.2rem;margin-bottom:12px}.templates-index-card .card-name{font-weight:600;font-size:.95rem;margin-bottom:6px}.templates-index-card .card-desc{font-size:.78rem;color:var(--text-muted);line-height:1.5}@media (max-width:640px){.templates-index-grid{grid-template-columns:1fr 1fr}}