.index-page{flex-direction:column;min-height:100vh;display:flex}.index-main{flex:1;padding:48px}.index-main h1{color:var(--brand-text);margin-bottom:16px;font-size:24px}.index-main .subtitle{color:var(--brand-text-muted);margin-bottom:40px;font-size:16px}.card-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.card{border:1px solid var(--brand-border);background-color:var(--brand-surface);color:inherit;border-radius:8px;flex-direction:column;padding:24px;text-decoration:none;transition:box-shadow .2s,border-color .2s;display:flex}.card:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px rgb(var(--brand-primary-rgb) / .1)}.card .card-icon{margin-bottom:12px;font-size:28px}.card h3{color:var(--brand-text);margin-bottom:8px;font-size:16px;font-weight:600}.card p{color:var(--brand-text-muted);flex:1;font-size:14px}@media (width<=1280px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.index-main{padding:24px}.card-grid{grid-template-columns:1fr}}