:root{--fundo:#0f1b3d;--cartao:#16244d;--texto:#f3f5fb;--suave:#b9c2dc;--destaque:#8b7cf6;--teste:#f2c14e;--teste-texto:#3a2a00}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--fundo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}.faixa-teste{background:var(--teste);color:var(--teste-texto);text-align:center;font-size:14px;font-weight:600;padding:10px 16px}.tela{min-height:100%;display:grid;place-items:center;padding:48px max(16px,env(safe-area-inset-left,0px))}.cartao{width:100%;max-width:480px;background:var(--cartao);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:36px 32px}.marca{margin:0;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--destaque);font-weight:600}h1{margin:8px 0 4px;font-size:34px;line-height:1.15}.status{margin:0 0 16px;color:var(--destaque);font-weight:600}.texto{color:var(--suave)}.cursos,.texto{margin:0 0 24px}.cursos{list-style:none;padding:0;display:grid;gap:10px}.curso{display:grid;gap:6px;padding:16px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--texto);text-decoration:none}.curso:focus-visible,.curso:hover{border-color:var(--destaque);outline:none}.curso-topo{display:flex;align-items:center;gap:10px}.curso-topo b{font-size:19px}.selo{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teste-texto);background:var(--teste);padding:2px 8px;border-radius:999px}.curso-desc{color:var(--suave);font-size:15px}.curso-abrir{color:var(--destaque);font-weight:600;font-size:14px}.versao{margin:0;font-size:12px;color:var(--suave);opacity:.8}