/* Tema 4 - Dark Mode Elegante */
body {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    color: #e5e7eb; /* texto claro no dark mode */
}

.container {
    background: rgba(30, 30, 46, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.profile-image {
    border: 5px solid #00d4ff;
    box-shadow: 0 10px 30px rgba(0, 212, 255, 0.5);
}

h1 {
    color: #ffffff;
    text-shadow: 0 0 20px rgba(0, 212, 255, 0.5);
}

.subtitle {
    color: #a0aec0;
}

/* Ajustes de texto no dark mode */
.username { color: #cbd5e1; }
.powered-by { color: #a0aec0; }
.powered-by a { color: inherit; }

.link-button {
    background: linear-gradient(135deg, #00d4ff 0%, #0091ff 100%);
    box-shadow: 0 4px 15px rgba(0, 212, 255, 0.4);
}

.link-button:hover {
    box-shadow: 0 8px 25px rgba(0, 212, 255, 0.6);
    transform: translateY(-3px);
}

.link-button.special-1 {
    background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
}

.link-button.special-2 {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.link-button.special-3 {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
}

.footer {
    color: #718096;
}