.container{width:100%;max-width:var(--container-width);margin-inline:auto;padding:1rem}.header{margin-bottom:4rem;text-align:center}.header__logo{font-size:var(--font-xl);font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.header__subtitle{color:var(--text-muted);font-size:var(--font-base)}.page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.page-grid__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;text-decoration:none;color:var(--text-main);display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.page-grid__item:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 20px -10px #3282b84d}.item__title{font-size:var(--font-lg);font-weight:600}.item__arrow{color:var(--text-dim);font-size:1.5rem;transition:transform .3s ease,color .3s ease}.page-grid__item:hover .item__arrow{transform:translate(5px);color:var(--primary)}.footer{margin-top:5rem;padding-top:2rem;border-top:1px solid var(--border);text-align:center}.footer__text{color:var(--text-dim);font-size:var(--font-sm)}