*{box-sizing:border-box;margin:0;padding:0}body{color:#111827;background:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}.page{max-width:1080px;margin:0 auto;padding:64px 24px 48px}.hero{text-align:center;margin-bottom:48px}.hero h1{letter-spacing:.02em;font-size:2.25rem;font-weight:700}.hero p{color:#6b7280;margin-top:8px;font-size:1rem}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:12px;padding:24px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb1f}.card-disabled{opacity:.6}.card-head{justify-content:space-between;align-items:center;display:flex}.card h2{font-size:1.125rem;font-weight:600}.card p{color:#6b7280;flex:1;font-size:.875rem}.badge{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;padding:2px 10px;font-size:.75rem}.badge-ok{color:#047857;background:#d1fae5;border-color:#a7f3d0}.enter{color:#2563eb;font-size:.875rem;font-weight:500}.footer{text-align:center;color:#9ca3af;margin-top:64px;font-size:.75rem}