/* Páginas de entrar e assinar */
.tela{min-height:100vh;display:flex;flex-direction:column}
.tela-topo{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #1F1F22}
.tela-corpo{flex:1;display:flex;justify-content:center;padding:48px 16px 64px}
.caixa{width:100%;max-width:440px}
.caixa.larga{max-width:920px}
.caixa h1{margin:0 0 8px;font-size:48px}
.caixa .sub{margin:0 0 28px;color:var(--muted)}
.cartao{background:var(--card);border:1px solid var(--line2);border-radius:12px;padding:28px}
.assinar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.opcoes{display:flex;flex-direction:column;gap:12px}
.opcao{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line2);border-radius:10px;background:var(--card);cursor:pointer;position:relative}
.opcao:has(input:checked){border-color:var(--cor);background:color-mix(in srgb,var(--cor) 9%,#0A0A0B)}
.opcao input{width:20px;height:20px;accent-color:var(--cor)}
.opcao .info{flex:1}
.opcao .nome{font-weight:700}
.opcao .valor{text-align:right}
.opcao .valor b{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:30px;line-height:1;display:block}
.opcao .tag{position:absolute;top:-10px;right:14px}
.seguro{display:flex;gap:8px;align-items:center;justify-content:center;color:var(--dim);font-size:13px;margin-top:14px}
@media (max-width:800px){.assinar{grid-template-columns:minmax(0,1fr)}.caixa h1{font-size:40px}}
