/* Superfícies opacas para textos: o dragão fica nos espaços de decoração. */
header,footer,.intro,#app>.toolbar,#app>label,.tabs,#content>.toolbar{
 background:var(--panel);border:1px solid var(--line);border-radius:14px;
}
header,footer{margin-top:16px;margin-bottom:16px}
.intro,#app>.toolbar,#app>label,.tabs,#content>.toolbar{padding:22px}
.split{gap:24px}
.intro p{max-width:none}
.login>a{display:inline-block;margin:12px 0}
#professional-reset{margin:12px 12px 12px 0}
.card-shell.loyalty{background-color:var(--panel)}
@media(max-width:720px){header,footer{margin:12px 20px}.intro,#app>.toolbar,#app>label,.tabs,#content>.toolbar{padding:18px}}