*,:before,:after{box-sizing:border-box}body{color:#e5e7eb;-webkit-font-smoothing:antialiased;background:#0f1117;margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}#root{min-height:100vh}.container{max-width:1100px;margin:0 auto;padding:0 24px}.hero{border-bottom:1px solid #ffffff0f;margin-bottom:48px;padding:80px 0 48px}.hero h1{letter-spacing:-1.5px;color:#f9fafb;margin:0 0 12px;font-size:48px;font-weight:700}.hero p{color:#6b7280;letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:16px;font-weight:500}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding-bottom:80px;display:grid}.card{background:#13151f;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:12px;padding:24px;text-decoration:none;transition:transform .18s,border-color .18s;display:flex}.card:hover{border-color:#fff3;transform:translateY(-2px)}.card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-title{color:#f3f4f6;margin:0;font-size:17px;font-weight:600}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.online{background:#22c55e;box-shadow:0 0 6px #22c55e88}.status-dot.offline{background:#ef4444}.status-dot.checking{background:#eab308}.card-desc{color:#9ca3af;flex:1;margin:0;font-size:14px}.card-link{color:#6366f1;word-break:break-all;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.card-link:hover{color:#818cf8}.stack-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:#818cf8;letter-spacing:.02em;background:#6366f11f;border:1px solid #6366f140;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:500}.built-in{color:#4b5563;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:500}