:root{color-scheme:dark;--background: #07111d;--background-alt: #0f1c2c;--surface: rgba(8, 18, 30, .82);--surface-strong: rgba(11, 24, 38, .96);--border: rgba(155, 185, 217, .16);--border-strong: rgba(155, 185, 217, .28);--text: #e9f1fb;--muted: #95abc4;--accent: #71d6ff;--accent-strong: #43b5ff;--success: #6cf0b1;--warning: #ffcf70;--shadow: 0 28px 80px rgba(0, 0, 0, .44);--mono: "SFMono-Regular", "Consolas", "Liberation Mono", monospace;--sans: "Segoe UI", "Aptos", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at top left,rgba(113,214,255,.18),transparent 34%),radial-gradient(circle at top right,rgba(108,240,177,.1),transparent 28%),linear-gradient(180deg,#08101b,#040a12)}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--sans);background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(180deg,#07111d,#040a12);background-size:56px 56px,56px 56px,auto}a{color:inherit;text-decoration:none}main{width:min(1180px,calc(100vw - 2rem));margin:0 auto;padding:2rem 0 3rem}.shell{position:relative}.navbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:#07111db8;backdrop-filter:blur(18px)}.navbar-brand{font-weight:700;font-size:1rem;letter-spacing:-.02em}.navbar-actions{display:flex;align-items:center;gap:.75rem}.hero{position:relative;overflow:hidden;padding:2rem;border:1px solid var(--border);border-radius:28px;background:linear-gradient(180deg,#0b1826eb,#070f19f0);box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;inset:auto -8% -45% auto;width:18rem;height:18rem;border-radius:999px;background:radial-gradient(circle,rgba(113,214,255,.3),transparent 65%);filter:blur(8px);pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.4rem .75rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-family:var(--mono)}.eyebrow:before{content:"";width:.55rem;height:.55rem;border-radius:999px;background:var(--success);box-shadow:0 0 0 .35rem #6cf0b11f}.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(18rem,.9fr);gap:1.25rem;align-items:start}.hero-copy h1{margin:0;font-size:clamp(2.5rem,6vw,5rem);line-height:.95;letter-spacing:-.05em;max-width:11ch}.hero-copy p{margin:1rem 0 0;max-width:62ch;color:var(--muted);font-size:1rem;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.85rem 1rem;border-radius:14px;border:1px solid var(--border);background:#ffffff05;color:var(--text);font-weight:600;transition:transform .15s ease,border-color .15s ease,background .15s ease}.button:hover{transform:translateY(-1px);border-color:var(--border-strong);background:#ffffff0d}.button.primary{border-color:#71d6ff57;background:linear-gradient(135deg,#479dff59,#71d6ff24)}.button.primary:hover{border-color:#71d6ff80}.hero-panel{position:relative;padding:1.1rem;border-radius:22px;border:1px solid var(--border);background:#0209128c}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:var(--mono)}.status-dot{width:.7rem;height:.7rem;border-radius:999px;background:var(--success);box-shadow:0 0 0 .35rem #6cf0b11f}.status-dot.degraded{background:var(--warning);box-shadow:0 0 0 .35rem #ffcf7029}.status-dot.down{background:#ff7b7b;box-shadow:0 0 0 .35rem #ff7b7b24}.status-copy{display:grid;gap:.6rem}.status-value{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.04em}.status-meta{display:grid;gap:.4rem;margin:0;color:var(--muted);font-size:.92rem;line-height:1.6}.stack-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;margin-top:1rem}.card{position:relative;padding:1.15rem;border:1px solid var(--border);border-radius:22px;background:var(--surface);backdrop-filter:blur(18px);box-shadow:0 18px 60px #0000003d}.card h2,.card h3{margin:0}.card h2{font-size:1.1rem}.card p{margin:.75rem 0 0;color:var(--muted);line-height:1.65}.card strong{color:var(--text)}.card .tag-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.tag{padding:.42rem .68rem;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);font-size:.82rem;font-family:var(--mono)}.span-7{grid-column:span 7}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.list{margin:.9rem 0 0;padding:0;list-style:none;display:grid;gap:.7rem}.list li{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.85rem .95rem;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff05}.list li span:first-child{color:var(--muted)}.mono{font-family:var(--mono)}.error{color:#ffb8b8}@media(max-width:920px){.hero-grid,.stack-grid{grid-template-columns:1fr}.span-7,.span-5,.span-4{grid-column:span 1}.hero{padding:1.25rem}}@media(max-width:640px){main{width:min(100vw - 1rem,1180px);padding:.5rem 0 2rem}.hero-copy h1{max-width:100%;font-size:clamp(2.25rem,14vw,3.5rem)}.button{width:100%}}
