:root {
  --color-bg: #0c0f15; --color-surface: #141922; --color-text: #e6e9ef;
  --color-accent: #6a9fe8; --color-accent-2: #6a9fe8;
  --color-divider: color-mix(in srgb, #e6e9ef 12%, transparent);
  --color-accent-100: #eef5ff; --color-accent-200: #d8e7fd; --color-accent-300: #b6d3fa; --color-accent-400: #8fbaf4; --color-accent-500: #6a9fe8; --color-accent-600: #4f82c8; --color-accent-700: #3b649c; --color-accent-800: #2a4870; --color-accent-900: #1b2c43;
  --color-neutral-700: #545a66; --color-neutral-800: #3a3f48; --color-neutral-900: #22262d;
}
body { background: var(--color-bg); margin: 0; }
h1, h2, h3 { font-family: "Schibsted Grotesk", var(--font-heading); font-weight: 500; }
.display { font-family: "Schibsted Grotesk", var(--font-heading); }
.tnum { font-variant-numeric: tabular-nums; }
a { color: var(--color-accent-300); }
a:hover { color: var(--color-accent-200); }
a:focus-visible, button:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
@keyframes blink { 0%,100% { opacity: 1; } 50% { opacity: .3; } }
@keyframes dots { 0%,80%,100% { opacity: .25; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
@keyframes flowX { 0% { left: 0; opacity: 0; } 15%, 85% { opacity: 1; } 100% { left: calc(100% - 8px); opacity: 0; } }
@keyframes flowY { 0% { top: 0; opacity: 0; } 15%, 85% { opacity: 1; } 100% { top: calc(100% - 8px); opacity: 0; } }
@keyframes jitter { 0%,100% { transform: none; } 25% { transform: translateX(-2px) rotate(-6deg); } 75% { transform: translateX(2px) rotate(6deg); } }
@keyframes spinSlow { 0%, 40% { transform: rotate(0); } 50%, 90% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } }
@keyframes glowPulse { 0%,100% { opacity: .45; transform: scale(1); } 50% { opacity: .8; transform: scale(1.06); } }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }
::selection { background: color-mix(in srgb, var(--color-accent) 35%, transparent); }

/* hover states (converted from style-hover) */
.hv-1:hover{color:var(--color-text) !important;gap:14px !important}
.hv-2:hover{color:var(--color-text) !important}