:root{color-scheme:dark;--pitch:#102b23;--cream:#e4e9db;--accent:#c9dca5;--muted:#a5b9a5;--line:#355044}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--pitch)}body{color:var(--cream);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.page{min-height:100svh;padding:56px 28px 24px;display:grid;grid-template-rows:1fr auto;overflow:hidden}.welcome{width:100%;max-width:650px;justify-self:center;align-self:center;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 0}.brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.brand img{display:block;width:36px;height:36px}h1{font-size:28px;line-height:1.3;letter-spacing:-.8px;font-weight:400;margin:0}.description{font-size:15px;line-height:1.8;color:var(--muted);margin:0;max-width:340px}.status{display:inline-flex;align-items:center;gap:8px;border:1px solid #49614f;border-radius:100px;padding:8px 13px;font-size:11px;line-height:1.2;margin-top:23px}.status i{width:5px;height:5px;border-radius:50%;background:var(--accent)}
.field{margin:40px 0 0;width:min(580px,100%)}.field svg{display:block;width:100%;height:auto}.field figcaption{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:18px;color:var(--muted);font-size:8px;letter-spacing:1.6px}.connector{width:28px;height:1px;background:#49614f}
footer{text-align:center;font-size:10px;letter-spacing:.2px;color:var(--muted);padding-top:32px}
@media(max-width:600px){.page{padding:40px 24px 22px}.welcome{padding:24px 0}h1{font-size:26px}.description{font-size:14px}.field{width:calc(100% + 96px);max-width:510px;margin-top:36px}.field figcaption{font-size:8px;letter-spacing:1.2px;gap:11px}.connector{width:22px}}
@media(prefers-contrast:more){:root{--muted:#d0ddc8;--line:#829986}}