:root {
    --black:        #0a0a0a;
    --white:        #f5f5f7;
    --pink:         #FF2D78;
    --pink-glow:    rgba(255, 45, 120, 0.28);
    --surface:      #141414;
    --surface-2:    #1c1c1e;
    --border:       rgba(255, 255, 255, 0.07);
    --border-hi:    rgba(255, 255, 255, 0.14);
    --gray:         #6e6e73;
    --gray-hi:      #aeaeb2;
    --r-sm:  8px;
    --r-md:  16px;
    --r-lg:  24px;
    --r-xl:  32px;
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display',
                 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;
    background-color: var(--black);
    color: var(--white);
    overflow-x: hidden;
    cursor: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: inherit;
    text-decoration: none;
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
    display: block;
}

button {
    cursor: none;
    font-family: inherit;
    border: none;
    background: none;
}

em {
    font-style: normal;
}