:root{font-family:Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at top,#eff6ff,#eaf0ff 38%,#f8f5ff);color:#1b2636}*{box-sizing:border-box}body{margin:0}.shell{max-width:1024px;margin:0 auto;padding:2rem 1.2rem 3rem}.hero{margin-bottom:1.5rem}h1,h2{margin:0}.eyebrow{margin:0 0 .3rem;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:#4b4f73;font-weight:700}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,3vw,2.6rem)}.subtitle{margin:.4rem 0 0;color:#2d3b53}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.card{border:1px solid #d7deed;background:#ffffffd6;border-radius:14px;padding:1rem;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 18px 38px -28px #14213e80;transition:transform .12s ease,border-color .12s ease}.card-head{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.card:hover{transform:translateY(-2px);border-color:#a7b3ce}.status-dot-wrap{flex:0 0 auto;width:.78rem;height:.78rem}.status-dot{display:inline-block;width:.78rem;height:.78rem;border-radius:999px}.status-up{background:#18ad4b}.status-down{background:#de3f3f}.status-checking{background:#8d97ac;box-shadow:0 0 0 4px #8d97ac26}.muted{color:#4b5870}.open-btn{display:inline-block;align-self:flex-start;text-decoration:none;border-radius:999px;padding:.45rem .95rem;color:#fff;background:linear-gradient(120deg,#4f63ff,#7b4fff);border:1px solid #4f63ff;font-weight:600}.open-btn:hover{filter:brightness(1.06)}.empty-state{margin-top:1rem}code{background:#dee7ff;border-radius:4px;padding:0 .3rem}@media(max-width:640px){.shell{padding:1rem}.card-grid{grid-template-columns:1fr}}