body.login-page {
    display: flex; align-items: center; justify-content: center; 
    background: linear-gradient(135deg, var(--bg-light) 0%, var(--secondary-bg) 100%);
    position: relative; overflow: hidden;
}
/* Detalhe de fundo geométrico */
body.login-page::before {
    content: ''; position: absolute; width: 600px; height: 600px; background: var(--primary); opacity: 0.05; border-radius: 50%; top: -150px; right: -150px;
}
body.login-page::after {
    content: ''; position: absolute; width: 400px; height: 400px; background: var(--primary); opacity: 0.05; border-radius: 50%; bottom: -100px; left: -100px;
}

.login-box {
    background: rgba(255, 255, 255, 0.95); padding: 50px 40px; border-radius: 24px;
    box-shadow: var(--shadow-lg); 
    width: 100%; max-width: 420px; border: 1px solid rgba(255,255,255,0.5);
    backdrop-filter: blur(20px); z-index: 10;
    animation: slideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.login-header { text-align: center; margin-bottom: 35px; }
.login-header i { font-size: 3.5rem; background: var(--primary-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 15px; display: inline-block; }
.login-header h2 { margin: 0 0 5px 0; font-size: 1.8rem; font-weight: 800; color: var(--text-main); letter-spacing: -0.5px; }
.login-header p { margin: 0; font-size: 1rem; }