/* Profile page styles aligned with index.css palette */
:root {
  --primary: #0b57a4;
  --accent: #00d1ff;
  --bg-dark: #0f1724;
  --text-light: #e6eef6;
}

body { font-family: 'Inter', sans-serif; }
h1, h2, h3 { font-family: 'Poppins', sans-serif; }

.lux-card {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(0, 209, 255, 0.3);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.2);
  transition: transform .2s ease, box-shadow .2s ease;
}
.lux-card:hover { transform: translateY(-3px); box-shadow: 0 12px 40px rgba(0,0,0,0.28); }

.lux-btn {
  background: #111827;
  color: white;
  font-weight: 600;
  padding: 12px;
  border-radius: 12px;
  transition: background .2s;
}
.lux-btn:hover { background: #1f2937; }
.lux-btn.secondary { background: rgba(230,238,246,0.1); color: var(--text-light); border: 1px solid rgba(0, 209, 255, 0.25); }
.lux-btn.secondary:hover { background: rgba(0, 209, 255, 0.15); }

.page-title { color: var(--accent); text-shadow: 0 0 10px rgba(0, 209, 255, 0.35); }