.links-page{min-height:100vh}.links-hero{background:var(--gradient-hero);padding:var(--spacing-2xl) 0;text-align:center}.links-hero h1{color:#fff}.links-content{background:var(--color-surface)}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.link-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);text-decoration:none;color:inherit;transition:all var(--transition-base);cursor:pointer}.link-card:hover{transform:translateY(-4px) translateX(4px);box-shadow:var(--shadow-xl)}.link-icon{width:60px;height:60px;border-radius:var(--radius-lg);background:var(--gradient-card);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;transition:all var(--transition-base)}.link-card:hover .link-icon{background:var(--gradient-primary);transform:rotate(5deg)}.link-details{flex:1 1}.link-title{font-size:1.125rem;margin:0 0 var(--spacing-xs) 0;color:var(--color-text)}.link-url{margin:0;font-size:.9rem}.link-arrow,.link-url{color:var(--color-primary-light)}.link-arrow{font-size:1.5rem;transition:transform var(--transition-base)}.link-card:hover .link-arrow{transform:translateX(5px)}@media (max-width:768px){.links-grid{grid-template-columns:1fr}}