:root {
    --primary-color: #3D4831; /* Verde Musgo */
    --accent-color: #D4A373;  /* Amadeirado */
    --bg-overlay: rgba(241, 239, 231, 0.85); /* Bege Suave */
}

body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    background: linear-gradient(var(--bg-overlay), var(--bg-overlay)), 
                url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&q=80&w=1920');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.card {
    border: none;
    border-top: 8px solid var(--primary-color);
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    
    /* --- NOVA LÓGICA DE TRANSPARÊNCIA (efeito de vidro) --- */
    background-color: rgba(255, 255, 255, 0.85); /* 85% de branco opaco */
    backdrop-filter: blur(10px); /* Desfoca o fundo rústico para manter a leitura */
    -webkit-backdrop-filter: blur(10px); /* Suporte para navegadores Safari/iOS */
}

.btn-success {
    background-color: var(--primary-color) !important;
    border: none;
    font-weight: bold;
    padding: 12px;
    border-radius: 10px;
}

h1 {
    color: var(--primary-color);
    font-weight: 800;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.05);
}

.logo {{
  border-radius: 15px; /* Ajuste o valor conforme necessário */
}
}