.container{max-width:1100px;margin:auto;padding:2rem 1rem}main h1{color:var(--text-primary);margin-bottom:1rem;font-size:2rem;font-weight:700}main p{color:var(--text-secondary);margin:.5rem 0;font-size:1rem}main a{color:var(--link-color);text-decoration:underline;transition:color .3s}main a:hover{color:var(--link-hover)}.section{margin-top:3rem}.section h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.card{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:12px;padding:1.25rem;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.card p{color:var(--text-secondary);font-size:.95rem}@media (prefers-color-scheme:dark){.card{background-color:#1e1e1e;border-color:#333}main h1,.section h2,.card h3{color:#fff}main p,.card p{color:#ccc}main a{color:#4fc3f7}main a:hover{color:#81d4fa}}