:root { --primary: #6366f1; }
body { font-family: 'Inter', sans-serif; }
.form-control { border-radius: 8px; border-color: #d1d5db; padding: .6rem .85rem; }
.form-control:focus { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,.15); }
.form-select:focus { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,.15); }
.btn-primary { background: var(--primary); border-color: var(--primary); }
.btn-auth {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  border: none; border-radius: 8px; padding: .7rem;
  font-weight: 600; letter-spacing: .01em;
}
.btn-auth:hover { background: linear-gradient(135deg, #4f46e5, #7c3aed); }
.brand-icon {
  width: 42px; height: 42px;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center;
}
.req-star { color: #dc3545; font-weight: 700; margin-left: 2px; }

/* Login-specific */
.auth-bg { background: #0f172a; min-height: 100vh; }
.auth-panel {
  background: linear-gradient(135deg, rgba(99,102,241,.15), rgba(139,92,246,.1));
  border-right: 1px solid rgba(255,255,255,.08);
}
.feature-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px; padding: 16px;
}