/* ================================
   NOVARIS ESPORT - GLOBAL CSS
================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Orbitron:wght@500;700;800&display=swap');


:root {

    /* Couleurs Novaris */
    --primary: #0B1F3A;
    --secondary: #4DA8FF;
    --light-blue: #7CCBFF;

    --white: #FFFFFF;
    --gray: #A7A7A7;

    --background: #050505;
    --background-card: #101010;

    --border: rgba(255,255,255,0.1);


    /* Animations */
    --transition: 0.3s ease;
}


/* Reset */

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


html {
    scroll-behavior:smooth;
}


body {

    background:var(--background);
    color:var(--white);

    font-family:"Inter", sans-serif;

    overflow-x:hidden;
}


/* Titres */

h1,h2,h3 {

    font-family:"Orbitron", sans-serif;

}


/* Liens */

a {

    color:inherit;
    text-decoration:none;

}


/* Images */

img {

    max-width:100%;
    display:block;

}


/* Boutons */

.btn {

    display:inline-flex;

    padding:14px 30px;

    border-radius:8px;

    background:var(--secondary);

    color:white;

    font-weight:700;

    transition:var(--transition);

}


.btn:hover {

    transform:translateY(-3px);

    box-shadow:
    0 0 25px rgba(77,168,255,0.5);

}


/* Containers */

.container {

    width:90%;
    max-width:1400px;

    margin:auto;

}


/* Cartes */

.card {

    background:var(--background-card);

    border:1px solid var(--border);

    border-radius:15px;

}


/* Scrollbar */

::-webkit-scrollbar {

    width:10px;

}


::-webkit-scrollbar-track {

    background:#050505;

}


::-webkit-scrollbar-thumb {

    background:#0B1F3A;

    border-radius:20px;

}


::-webkit-scrollbar-thumb:hover {

    background:#4DA8FF;

}

.reveal {

opacity:0;

transform:translateY(50px);

transition:1s ease;

}



.reveal.visible {

opacity:1;

transform:translateY(0);

}

.footer {

    padding:40px 0;

    background:#05080f;

    border-top:1px solid rgba(255,255,255,0.1);

}



.footer .container {

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

}



.footer p {

    color:#A7A7A7;

    margin:0;

}

.auth-section {

min-height:80vh;

display:flex;

justify-content:center;

align-items:center;

}


.auth-box {

background:#101722;

padding:50px;

border-radius:20px;

width:450px;

text-align:center;

}



.auth-box input {

width:100%;

padding:15px;

margin:10px 0;

background:#080d16;

border:1px solid rgba(255,255,255,.1);

color:white;

border-radius:8px;

}



.auth-box button {

margin-top:20px;

padding:15px 35px;

background:#4DA8FF;

border:none;

border-radius:10px;

color:white;

cursor:pointer;

}



.checkbox {

display:flex;

gap:10px;

font-size:14px;

margin-top:20px;

}