:root{
    /* Darker base with stronger contrast for the gradient */
    --background-light: #1a2f55;
    --background-dark: #070a14;
    --background-gradient: linear-gradient(180deg, var(--background-light) 0%, var(--background-dark) 100%);
    --primary-text-color: #FFFFFF;
    --secondary-text-color: #4B5364;
    --font-family: 'Poppins', 'Arial', sans-serif;
}
* {
    margin:0;
    padding:0;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
html {
    min-height: 100dvh;
    min-width: 100dvw;
    background: var(--background-gradient);
    color-scheme: dark;
    scroll-behavior: smooth;
    >body {
        min-height: 100dvh;
        min-width: 100dvw;
        background-color:var(--background-light);
        background: var(--background-gradient);
        color: var(--primary-text-color);
        font-family: var(--font-family);
        display:flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 100dvh;
        width: 100dvw;
        -webkit-font-smoothing: antialiased;
        >h1{
            color:var(--primary-text-color);
            font-weight:700;
            font-size: 8dvw;
            letter-spacing: -.7dvw;
            text-shadow: 0 0 3dvw rgba(0,0,0,1);
        }
        >h2{
            color:var(--secondary-text-color);
            font-weight:500;
            font-size: 2dvw;
            letter-spacing: .75dvw;
            text-transform: uppercase;
            text-shadow: 0 0 2dvw rgba(0,0,0,.5);
        }
    }
}