/* RESET GERAL */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background-color: #06090f; color: #ffffff; font-family: 'Roboto', sans-serif; overflow-x: hidden; }

/* BARRA DE NAVEGAÇÃO */
.navbar {
    background-color: #090d16;
    border-bottom: 2px solid #111927;
    height: 80px;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.nav-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* LOGO */
.logo { font-family: 'Rajdhani', sans-serif; font-size: 28px; font-weight: 700; color: #fff; text-decoration: none; }
.logo span { color: #00ffff; }

/* MENU */
.nav-links { display: flex; align-items: center; list-style: none; gap: 30px; }
.nav-links li a { 
    font-family: 'Rajdhani', sans-serif; font-size: 16px; font-weight: 600; 
    color: #94a3b8; text-decoration: none; text-transform: uppercase; transition: 0.3s; 
}
.nav-links li a:hover { color: #00ffff; }

/* BOTÕES */
.btn-hero-cyan {
    background: #00ffff; color: #06090f; padding: 12px 30px; 
    text-decoration: none; font-weight: 100; border-radius: 4px; font-family: 'Rajdhani', sans-serif;
}
.btn-hero-blank {
    background: transparent; color: #fff; padding: 12px 30px; 
    text-decoration: none; border: 1px solid #111927; border-radius: 4px;
}

/* HERO (IMAGEM DE FUNDO) */
.hero {
    height: 150vh;
    background: linear-gradient(rgba(6,9,15,0.7), rgba(6,9,15,0.7)), url('fundo.jpg') no-repeat center center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.hero-content h1 { font-family: 'Rajdhani', sans-serif; font-size: 60px; text-transform: uppercase; }
.hero-content p { color: #94a3b8; margin: 20px 0; font-size: 18px; }

/* DROPDOWN DO LOGIN */
.user-dropdown { position: relative; }
.dropdown-menu { 
    display: none; position: absolute; top: 100%; right: 0; 
    background: #090d16; border: 1px solid #111927; padding: 10px; list-style: none;
    min-width: 130px;
}
.user-dropdown:hover .dropdown-menu { display: block; }
.dropdown-menu li a { font-size: 12px !important; text-transform: uppercase; padding: 5px 0 !important; color: #94a3b8 !important; }
.dropdown-menu li a:hover { color: #fff !important; }