:root{--primary: #6366f1;--success: #10b981;--danger: #ef4444;--bg: #0f172a;--card-bg: rgba(30, 41, 59, .7);--text: #f8fafc;--text-muted: #94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg);background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%);background-attachment:fixed;color:var(--text);min-height:100vh;padding:2rem}.container{max-width:1000px;margin:0 auto}header{margin-bottom:3rem;text-align:center}h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(to right,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stats{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.stat-badge{padding:.5rem 1rem;border-radius:9999px;background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);font-size:.875rem;font-weight:500}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.card{background:var(--card-bg);backdrop-filter:blur(12px);border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:1rem}.card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000004d;border-color:#fff3}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.url{font-weight:600;font-size:1.125rem;word-break:break-all;color:#fff}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:6px}.status-dot.alive{background-color:var(--success);box-shadow:0 0 12px var(--success)}.status-dot.dead{background-color:var(--danger);box-shadow:0 0 12px var(--danger)}.card-body{font-size:.875rem;color:var(--text-muted)}.error-message{color:#fca5a5;margin-top:.5rem}.last-checked{margin-top:auto;font-size:.75rem;color:var(--text-muted);opacity:.8}.last-checked span{font-weight:600}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.alive-pulse{animation:pulse 2s infinite}
