:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #121821; color: #edf2f7; } * { box-sizing: border-box; } body { margin: 0; } .catalogue { max-width: 680px; margin: 0 auto; padding: 32px 20px; } .eyebrow { color: #80cbc4; font-size: .75rem; font-weight: 700; letter-spacing: .12em; margin: 0; } h1 { font-size: 2rem; margin: .35rem 0; } .subtitle, #status { color: #b7c2cf; } .apps { display: grid; gap: 14px; margin-top: 24px; } .app-card { background: #1d2733; border: 1px solid #344454; border-radius: 14px; color: inherit; padding: 20px; text-decoration: none; } .app-card:active, .app-card:hover { border-color: #80cbc4; } .app-card h2 { font-size: 1.2rem; margin: 0 0 .5rem; } .app-card p { color: #c0cad5; margin: 0 0 1rem; } .app-card span { color: #80cbc4; font-weight: 700; }