/* Fundo estático das páginas internas (sem parallax/JS): névoa violeta fixa sobre o mesmo degradê do style2.css */
body {
    background:
        radial-gradient(1100px 650px at 75% -8%, rgba(139, 92, 246, .30), transparent 60%),
        radial-gradient(900px 600px at 8% 108%, rgba(76, 29, 149, .40), transparent 60%),
        linear-gradient(160deg, #0b0a14 0%, #100b22 22%, #0a0a12 45%, #120a1f 68%, #0a0a12 85%, #0d0a19 100%);
    background-attachment: fixed;
}
.page-back {
    display: inline-flex; align-items: center; gap: .4rem;
    color: rgba(255,255,255,.7); text-decoration: none; font-size: .9rem; font-weight: 600;
    padding: .45rem .9rem; border-radius: 30px; border: 1px solid rgba(124,58,237,.25);
    transition: all .25s ease;
}
.page-back:hover { color: #fff; border-color: rgba(167,139,250,.6); background: rgba(124,58,237,.15); }
.page-intro { color: rgba(255,255,255,.55); font-size: .95rem; line-height: 1.6; margin: -.2rem 0 1.4rem; max-width: 640px; }
.page-steps { list-style: none; counter-reset: s; display: flex; flex-direction: column; gap: .7rem; margin: 0 0 1.4rem; padding: 0; }
.page-steps li { counter-increment: s; display: flex; gap: .8rem; align-items: flex-start; background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.06); border-radius: 12px; padding: .8rem 1rem; color: rgba(255,255,255,.75); font-size: .9rem; line-height: 1.5; }
.page-steps li::before { content: counter(s); flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; background: rgba(167,139,250,.18);
    color: #d8cffb; font-weight: 800; font-size: .8rem; display: flex; align-items: center; justify-content: center; }
.page-actions { display: flex; gap: .7rem; flex-wrap: wrap; }
.page-btn { font-family: inherit; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: .5rem; padding: .8rem 1.4rem;
    border-radius: 30px; font-weight: 700; font-size: .92rem; border: 1px solid rgba(167,139,250,.35); color: #e8edff; background: rgba(255,255,255,.04); transition: all .25s ease; }
.page-btn:hover { background: rgba(124,58,237,.2); }
.page-btn.primary { background: linear-gradient(135deg, #7c3aed, #6d28d9); border-color: transparent; }
.page-btn.primary:hover { filter: brightness(1.12); }
.page-note { margin-top: 1rem; font-size: .8rem; color: rgba(255,255,255,.4); min-height: 1.2em; }
