.tile-grid{justify-content:center;gap:var(--spacing-16);flex-wrap:wrap;display:flex}.nav-tile{justify-content:center;align-items:center;gap:var(--spacing-16);min-height:180px;padding:var(--spacing-24) var(--spacing-16);border-radius:var(--radius-lg);background-color:var(--color-surface);transition:background-color var(--transition-fast);flex-direction:column;flex:100%;display:flex}.nav-tile:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.nav-tile-icon{border-radius:var(--radius-circle);background-color:var(--color-surface-raised);width:72px;height:72px;transition:background-color var(--transition-fast);justify-content:center;align-items:center;font-size:2rem;line-height:1;display:flex}.nav-tile:hover .nav-tile-icon{background-color:var(--color-surface-card)}.nav-tile-title{font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-button);text-align:center;text-transform:uppercase;transition:color var(--transition-fast)}.nav-tile:hover .nav-tile-title{color:var(--color-accent)}@media (width>=576px){.nav-tile{flex-basis:calc((100% - var(--spacing-16)) / 2)}}@media (width>=992px){.nav-tile{flex-basis:calc((100% - 3 * var(--spacing-16)) / 4);min-height:240px}.nav-tile-icon{width:88px;height:88px;font-size:2.5rem}}