:root {
    --bg: #07070a;
    --red: #ff1934;
    --red-dim: #b30f24;
    --text: #f4f4f6;
    --text-dim: #8d8d97;
    --font-display: 'Anton', sans-serif;
    --font-body: 'Inter', sans-serif;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    background: var(--bg);
    color: var(--text);
    font-family: var(--font-body);
    min-height: 100svh;
    overflow-x: hidden; width: 100%;
}
a { color: inherit; text-decoration: none; }
::selection { background: var(--red); color: #000; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0a0a0d; }
::-webkit-scrollbar-thumb { background: var(--red-dim); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--red); }
::-webkit-scrollbar-corner { background: #0a0a0d; }
@supports not selector(::-webkit-scrollbar) {
    * { scrollbar-width: thin; scrollbar-color: var(--red-dim) #0a0a0d; }
}
@view-transition {
    navigation: auto;
}
@media (prefers-reduced-motion: no-preference) {
    ::view-transition-old(root) {
        animation: cwSayfaCik .38s cubic-bezier(.4,0,.2,1) both;
    }
    ::view-transition-new(root) {
        animation: cwSayfaGir .42s cubic-bezier(.2,.7,.3,1) both;
    }
}
@keyframes cwSayfaCik {
    to { opacity: 0; transform: scale(.985); }
}
@keyframes cwSayfaGir {
    from { opacity: 0; transform: scale(1.012); }
}