:root{--bg0:#0b1220;--bg1:#121a2b;--bg2:#1a2438;--ink:#e8eefc;--muted:#93a0bd;--accent:#3ecf8e;--accent-2:#5b8cff;--warn:#f0b429;--danger:#f07178;--line:rgba(232,238,252,0.1);--font-display:"Segoe UI","IBM Plex Sans",system-ui,sans-serif;--font-body:"Segoe UI","IBM Plex Sans",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(1200px 600px at 10% -10%,rgba(62,207,142,.18),transparent 55%),radial-gradient(900px 500px at 90% 0,rgba(91,140,255,.16),transparent 50%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--ink);font-family:var(--font-body)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:.7rem 1.1rem;background:var(--accent);color:#04140c;font-weight:600}button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}input,select{width:100%;padding:.7rem .85rem;border-radius:10px;border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--ink)}label{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.9rem}.field{margin-bottom:1rem}.card{background:rgba(18,26,43,.85);border:1px solid var(--line);border-radius:16px;padding:1.25rem}.grid{display:grid;grid-gap:1rem;gap:1rem}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;border:1px solid var(--line)}.badge.online{color:var(--accent)}.badge.stale{color:var(--warn)}.badge.critical,.badge.offline{color:var(--danger)}.badge.pending{color:var(--muted)}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:.75rem .5rem}.nav,.table td,.table th{border-bottom:1px solid var(--line)}.nav{display:flex;gap:1rem;align-items:center;padding:1rem 1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav .brand{font-weight:800;letter-spacing:-.03em;font-size:1.15rem}.nav a{color:var(--muted)}.nav a:hover{color:var(--ink)}.container{padding:1.5rem}.container,.hero{max-width:1100px;margin:0 auto}.hero{min-height:calc(100vh - 70px);display:grid;align-items:center;grid-template-columns:1.1fr .9fr;grid-gap:2rem;gap:2rem;padding:2rem 1.5rem 4rem}.hero h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.05;letter-spacing:-.04em;margin:0 0 1rem}.hero p{color:var(--muted);font-size:1.1rem;max-width:36rem}.cta-row{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.visual{min-height:360px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(62,207,142,.15),transparent 40%),linear-gradient(220deg,rgba(91,140,255,.18),transparent 45%),var(--bg2);position:relative;overflow:hidden}.visual:after{content:"";position:absolute;inset:18% 12%;border-radius:18px;border:1px solid rgba(62,207,142,.35);box-shadow:0 0 60px rgba(62,207,142,.12);background:repeating-linear-gradient(90deg,transparent,transparent 28px,rgba(232,238,252,.04) 0,rgba(232,238,252,.04) 29px),linear-gradient(180deg,rgba(0,0,0,.15),transparent);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:translateY(0);opacity:.85}50%{transform:translateY(-6px);opacity:1}}@media (max-width:800px){.hero{grid-template-columns:1fr}}