/* DomainScope — base dark theme & animasi (pelengkap Tailwind CDN) */
:root { color-scheme: dark; }
html { scroll-behavior: smooth; }
body {
  background: radial-gradient(1200px 600px at 80% -10%, rgba(245,158,11,.10), transparent 60%),
              radial-gradient(900px 500px at 0% 0%, rgba(99,102,241,.10), transparent 55%),
              #020617;
  color: #e2e8f0;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}
@keyframes fadein { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@keyframes shimmer { 0% { background-position: -400px 0; } 100% { background-position: 400px 0; } }
@keyframes spin { to { transform: rotate(360deg); } }
.ds-spin { animation: spin 1s linear infinite; }
.ds-skeleton {
  background: linear-gradient(90deg, #1e293b 25%, #334155 37%, #1e293b 63%);
  background-size: 800px 100%; animation: shimmer 1.4s infinite linear;
}
.ds-card { background: rgba(15,23,42,.7); border: 1px solid rgb(30 41 59); border-radius: 1rem; }
.ds-glow { box-shadow: 0 0 0 1px rgba(245,158,11,.25), 0 20px 60px -20px rgba(245,158,11,.25); }
.blur-lock { filter: blur(5px); pointer-events: none; user-select: none; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
.ds-link { color: #fbbf24; }
.ds-link:hover { text-decoration: underline; }
input, select, textarea { color-scheme: dark; }
.ds-noscroll { -ms-overflow-style: none; scrollbar-width: none; }
.ds-noscroll::-webkit-scrollbar { display: none; }