:root {
--accent: #ccd6f6;
--bg-app: #ffffff;
--bg-main: #787879;
--card-bg: #d9d9d9;
--content: #000000;
--radius-lg: 20px;
--radius-md: 14px;
--text-dark: #000000;
--text-light: #ffffff;
}

/* Reset */
* {
  box-sizing: border-box;
}

/* Body */
body {
align-items: center;
background: var(--bg-main);
color: var(--text-dark);
display: flex;
flex-direction: column;
font-family: 'Roboto', sans-serif;
margin: 0;
}

/* Page */
.page {
max-width: 900px;
padding: 2rem;
position: relative;
text-align: center;
width: 100%;
}

/* BOTÃO VOLTAR */
.apps-back-button {
  align-items: center;
  background: var(--card-bg);
  border-radius: var(--radius-md);
  color: var(--text-dark);
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;

  margin: 3rem auto 0;
  padding: 0.6rem 0.9rem;
  text-decoration: none;
  width: fit-content;

  font-family: 'Roboto', sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.apps-back-button:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

.apps-back-icon {
  height: 18px;
  width: 18px;
}

/* Mobile Base */
@media (max-width: 480px) {
  .page {
    padding: 1.25rem;
  }
}