:root {
    color-scheme: dark;
    font-family:
        Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif;
}

* {
    box-sizing: border-box;
}

html {
    background: #0b141b;
    min-height: 100%;
}

body {
    background:
        linear-gradient(rgba(39, 57, 69, .2) 1px, transparent 1px),
        linear-gradient(90deg, rgba(39, 57, 69, .2) 1px, transparent 1px),
        radial-gradient(circle at 92% 5%, rgba(102, 42, 58, .2), transparent 30%),
        #0b141b;
    background-size: 48px 48px, 48px 48px, auto, auto;
    color: #f4f6f7;
    margin: 0;
    min-height: 100dvh;
}

button,
input,
select {
    min-height: 44px;
}

:focus-visible {
    outline: 3px solid #7db9ff;
    outline-offset: 2px;
}