/* Estilos Base */
:root {
    /* Cores Principais */
    --tech-blue: #00f7ff;
    --tech-purple: #9d00ff;
    --tech-red: #ff073a;
    --tech-dark: #0a0b1e;
    --tech-light: #e0fbfc;
    
    /* Gradientes */
    --gradient-tech: linear-gradient(135deg, var(--tech-blue) 0%, var(--tech-red) 100%);
    --gradient-dark: linear-gradient(180deg, rgba(10, 11, 30, 0.98) 0%, rgba(10, 11, 30, 0.95) 100%);
    
    /* Fontes */
    --font-orbitron: 'Orbitron', sans-serif;
    --font-tech: 'Share Tech Mono', monospace;
}

/* Reset e Estilos Base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-tech);
    background-color: var(--tech-dark);
    color: var(--tech-light);
    line-height: 1.6;
    overflow-x: hidden;
}

/* Grid Background */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        linear-gradient(to right, rgba(0, 247, 255, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 247, 255, 0.05) 1px, transparent 1px);
    background-size: 50px 50px;
    pointer-events: none;
    z-index: -1;
}