:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#06101d,#0d1117 55%,#090d13);color:#f8fafc;font:15px Inter,system-ui,sans-serif}main{width:min(92%,1180px);margin:auto;padding:8vh 0}header{border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:36px}header p{margin:0;color:#60a5fa;font-size:11px;font-weight:800;letter-spacing:.2em}h1{margin:14px 0 12px;font-size:clamp(34px,6vw,62px);letter-spacing:-.045em}header span,.card p{color:rgba(248,250,252,.55);line-height:1.7}section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.card,.empty{border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.03);padding:26px}.card{color:#f8fafc;text-decoration:none;transition:border-color .2s,background .2s}.card:hover{border-color:rgba(96,165,250,.42);background:rgba(37,99,235,.07)}.card small{color:rgba(248,250,252,.35)}.card h2{margin:18px 0 10px;font-size:22px}.card strong{display:block;margin-top:24px;color:#60a5fa;font-size:13px}.empty{grid-column:1/-1;color:rgba(248,250,252,.55)}@media(max-width:800px){section{grid-template-columns:1fr}}