:root {
    --text-color: #444 !important;
}

.caixaGlobal {
   margin: 0;
   min-height: 100svh;              /* vh em mobile pode “pular”; svh é mais estável */
   display: flex;                    /* centralização com flexbox */
   align-items: center;              /* vertical */
   justify-content: center;          /* horizontal */
   background: radial-gradient(1200px 800px at 50% 40%, #1e293b 0%, var(--bg) 60%);
   font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
}

.stage {
	perspective: 900px; /* habilita efeito 3D sutil (opcional) */
}

.card {
	width: clamp(360px, 40vw, 520px);
	padding: 28px 32px;
	background: var(- -card);
	border-radius: 20px;
	/* profundidade (z) com sombra em camadas */
	box-shadow: 0 2px 6px rgba(0, 0, 0, .12), 0 12px 24px rgba(0, 0, 0, .18);
	/* micro-animação de “elevar” ao passar o mouse (3D leve) */
	transform: translateZ(0);
	transition: transform .25s ease, box-shadow .25s ease;
	z-index: 10;
}