:root { color-scheme: dark; }
body { font-family: 'Inter', system-ui, sans-serif; }
.bg-cosmic { background: radial-gradient(circle at top, #101a3b 0%, #050914 45%, #03040a 100%); }
.stars-layer {
  position: absolute; inset: 0;
  background-image:
    radial-gradient(2px 2px at 20% 30%, rgba(255,255,255,.45) 50%, transparent 55%),
    radial-gradient(1.5px 1.5px at 70% 10%, rgba(56,189,248,.5) 50%, transparent 55%),
    radial-gradient(1.8px 1.8px at 40% 80%, rgba(196,181,253,.5) 50%, transparent 55%),
    radial-gradient(1.4px 1.4px at 85% 60%, rgba(255,255,255,.3) 50%, transparent 55%);
}
.glass-card {
  border: 1px solid rgba(255,255,255,.18);
  background: linear-gradient(120deg, rgba(15,23,42,.7), rgba(30,27,75,.45));
  backdrop-filter: blur(16px);
  border-radius: 1rem;
}
.btn-cosmic-primary, .btn-cosmic-secondary {
  display:inline-flex; align-items:center; justify-content:center; border-radius:.8rem;
  padding:.65rem 1rem; font-weight:600; transition: all .2s ease;
}
.btn-cosmic-primary { background: linear-gradient(90deg, #06b6d4, #7c3aed); color:white; }
.btn-cosmic-primary:hover { transform: translateY(-1px); box-shadow: 0 8px 28px rgba(34,211,238,.35); }
.btn-cosmic-secondary { border:1px solid rgba(255,255,255,.25); color:#dbeafe; }
.btn-cosmic-secondary:hover { border-color: rgba(34,211,238,.65); color:#67e8f9; }
.cosmic-input, .cosmic-select {
  width: 100%; border-radius:.75rem; border:1px solid rgba(255,255,255,.18);
  background: rgba(15,23,42,.55); padding:.7rem .9rem; color:#e2e8f0;
}
.cosmic-input:focus, .cosmic-select:focus { outline:none; border-color: rgba(34,211,238,.7); box-shadow: 0 0 0 2px rgba(34,211,238,.18); }
.space-link {
  display:block; border-radius:.75rem; padding:.65rem .8rem; color:#cbd5e1; border:1px solid transparent;
}
.space-link:hover { background: rgba(148,163,184,.12); color:#67e8f9; }
.space-link.active { border-color: rgba(34,211,238,.5); color:#67e8f9; background: rgba(8,145,178,.15); }
.cosmic-table { width:100%; border-collapse:collapse; }
.cosmic-table th, .cosmic-table td { padding:.8rem; border-bottom:1px solid rgba(255,255,255,.08); text-align:left; }