:root{font-family:Inter,system-ui,Arial,sans-serif;color:#edf2f7;background:#0b1015}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#0b1015,#111b22);min-height:100vh}
main{max-width:1100px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
h1{font-size:clamp(2.2rem,6vw,4.6rem);margin:.1rem 0;letter-spacing:-.05em}h2{margin-top:0}
.eyebrow{letter-spacing:.22em;color:#57d39b;font-weight:800}.subtitle,.card p,.note{color:#aebac5}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.card,.workflow{background:#141d24;border:1px solid #25313a;border-radius:18px;padding:22px;box-shadow:0 15px 45px #0005}
.card.primary{border-color:#2e8b67}.button{display:inline-block;text-decoration:none;background:#57d39b;color:#07110d;font-weight:800;padding:11px 15px;border-radius:10px;margin-top:12px}
.button.secondary{background:#26343e;color:#edf2f7}.status{display:flex;align-items:center;gap:8px;margin-top:16px}
.dot{width:10px;height:10px;border-radius:50%;background:#7c8790}.dot.ok{background:#57d39b}.dot.bad{background:#ff6b6b}
.badge{padding:8px 12px;border-radius:999px;background:#26343e}.badge.ok{background:#143f30;color:#75efba}.badge.bad{background:#4a2020;color:#ff9b9b}
.workflow{margin-top:18px}.workflow li{margin:11px 0;line-height:1.45}.note{font-size:.9rem}
@media(max-width:600px){main{padding:18px}header{align-items:flex-start;gap:10px;flex-direction:column}}