body {
    background: radial-gradient(circle at center, #1a0b2e 0%, #050505 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: 'Rajdhani', sans-serif;
}

.signup-container {
    display: flex;
    width: 90%;
    max-width: 1100px;
    gap: 50px;
    align-items: center;
}

/* Lado Motivacional */
.motivational-side { flex: 1; }
.system-title { font-family: 'Orbitron', sans-serif; font-size: 3rem; line-height: 1; margin-bottom: 20px; }
.system-title span { color: #bc6ff1; text-shadow: 0 0 15px #bc6ff1; }
.motivation-quote p { font-style: italic; font-size: 1.2rem; opacity: 0.8; border-left: 4px solid #22d3ee; padding-left: 20px; }
.system-tag { display: block; margin-top: 15px; color: #22d3ee; font-family: 'Orbitron'; font-size: 0.8rem; letter-spacing: 2px; }

/* Card de Vidro (Baseado na HUD) */
.form-glass-card {
    flex: 1;
    background: rgba(20, 20, 30, 0.6);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(188, 111, 241, 0.3);
    padding: 40px;
    border-radius: 4px;
    box-shadow: 0 0 40px rgba(0,0,0,0.5);
}

.form-title { font-family: 'Orbitron'; color: #bc6ff1; font-size: 1.2rem; margin-bottom: 5px; }
.form-subtitle { font-size: 0.7rem; color: #888; margin-bottom: 30px; letter-spacing: 1px; }

/* Inputs Estilizados */
.input-group { margin-bottom: 20px; display: flex; flex-direction: column; }
.input-group label { font-size: 0.8rem; color: #ccc; margin-bottom: 8px; }
.input-group label i { color: #bc6ff1; margin-right: 5px; }

input, .custom-select {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 12px;
    color: #fff !important;
    font-family: 'Rajdhani';
    outline: none;
    transition: 0.3s;
}

input, .custom-select, .op
{
  color: #050505;
}

input:focus { border-color: #22d3ee !important; box-shadow: 0 0 10px rgba(34, 211, 238, 0.2); }

.row-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

/* msg de aviso */
.error {
    color: #ff6b6b;
    font-size: 0.85em;
    display: none;
}

.success {
    color: #51cf66;
    font-size: 0.9em;
    display: none;
}

.toggle-password {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 38px;
    color: #ccc;
}

/* Botão Épico */
.btn-despertar {
    width: 100%;
    padding: 15px;
    background: linear-gradient(45deg, #bc6ff1, #8a2be2);
    border: none;
    color: #fff;
    font-family: 'Orbitron';
    font-weight: bold;
    cursor: pointer;
    margin-top: 20px;
    clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%); /* Corte estilo interface de jogo */
    transition: 0.3s;
}

.btn-despertar:hover { transform: scale(1.02); box-shadow: 0 0 20px rgba(188, 111, 241, 0.6); }

.link-voltar { display: block; text-align: center; margin-top: 20px; font-size: 0.7rem; color: #666; text-decoration: none; }
.link-voltar:hover { color: #bc6ff1; }

/* Mobile */
@media (max-width: 800px) {
    .signup-container { flex-direction: column; }
    .motivational-side { text-align: center; }
}