:root {
  --bg-dark: #06090e;
  --card-bg: rgba(255, 255, 255, 0.03);
  --border-glow: rgba(255, 255, 255, 0.08);
  --violet: #8b5cf6;
  --indigo: #6366f1;
  --cyan: #06b6d4;
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
}

body {
  background-color: var(--bg-dark) !important;
  color: var(--text-main);
  background-image:
    radial-gradient(circle at 10% 20%, rgba(139, 92, 246, 0.15) 0%, transparent 40%),
    radial-gradient(circle at 90% 80%, rgba(6, 182, 212, 0.12) 0%, transparent 40%);
  background-attachment: fixed;
}

.paper-card {
  background: var(--card-bg);
  backdrop-filter: blur(16px);
  border: 1px solid var(--border-glow);
  border-radius: 24px;
  transition: all 0.3s ease;
}
.paper-card:hover {
  border-color: rgba(139, 92, 246, 0.4);
  transform: translateY(-4px);
}

.btn-primary {
  background: linear-gradient(90deg, var(--violet), var(--indigo)) !important;
  border: none;
  border-radius: 12px;
  color: #fff !important;
}

.upload-zone {
  background: var(--card-bg) !important;
  border: 2px dashed var(--border-glow) !important;
  border-radius: 20px;
}
.upload-zone:hover {
  border-color: var(--cyan) !important;
}