body{margin:0;font-family:system-ui;background:#0b1530;color:#e9eefc}
.hidden{display:none}
.app{max-width:520px;margin:auto;padding:14px}
.topbar{display:flex;justify-content:space-between;align-items:center}
.brandMark{width:34px;height:34px;border-radius:10px;background:#2b6cff}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tile{background:#101c3f;border-radius:14px;padding:20px;color:white;border:none}
.card{background:#101c3f;border-radius:14px;padding:14px;margin-top:12px}
.btn{padding:10px;border-radius:12px;border:none}
.btn--primary{background:#2b6cff;color:white}
.list{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.listItem{background:#0c1733;padding:10px;border-radius:10px}
.hint{opacity:.7}