/* GIULIA GARCIA - DARK CRIMSON ARCHITECTURE */

:root {
    /* Paleta Carmesim & OLED Black */
    --clr-bg: #030303;
    --clr-surface: #0a0a0a;
    --clr-surface-light: #141414;
    
    --clr-primary: #D00000;
    --clr-primary-glow: rgba(208, 0, 0, 0.45);
    --clr-primary-dark: #7a0000;
    
    --clr-text-main: #FFFFFF;
    --clr-text-dim: #a1a1aa;
    --clr-border: #27272a;

    --transition-smooth: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* 1. RESET E TIPOGRAFIA BASE */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; font-size: 16px; }
body { 
    background-color: var(--clr-bg); color: var(--clr-text-main); 
    font-family: 'Inter', -apple-system, sans-serif; -webkit-font-smoothing: antialiased;
    display: flex; flex-direction: column; min-height: 100vh; padding-top: 80px;
}

/* 2. NAVEGAÇÃO GLASSMORPHISM */
.navbar {
    position: fixed; top: 0; left: 0; width: 100%; height: 80px;
    background: rgba(3, 3, 3, 0.85); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
    border-bottom: 1px solid var(--clr-border); z-index: 9999;
    display: flex; justify-content: center; align-items: center; gap: 40px;
}
.navbar a {
    color: var(--clr-text-dim); text-decoration: none; font-size: 13px; font-weight: 800;
    text-transform: uppercase; letter-spacing: 2px; transition: var(--transition-smooth);
}
.navbar a:hover, .navbar a.active { color: var(--clr-primary); text-shadow: 0 0 15px var(--clr-primary-glow); }

/* 3. BOTÕES DE ALTA CONVERSÃO (PULSE CARMESIM) */
.btn-cta {
    display: inline-flex; align-items: center; justify-content: center; width: 100%;
    padding: 1.2rem; border-radius: 8px; font-weight: 900; text-transform: uppercase;
    letter-spacing: 1.5px; font-size: 15px; text-decoration: none; border: none; cursor: pointer;
    transition: var(--transition-smooth);
}

.btn-cta--red {
    background: linear-gradient(135deg, var(--clr-primary-dark), var(--clr-primary));
    color: #fff; box-shadow: 0 0 20px var(--clr-primary-glow);
    animation: pulseCarmesim 2.5s infinite; border: 1px solid rgba(255,255,255,0.1);
}
.btn-cta--red:hover { transform: translateY(-3px) scale(1.02); filter: brightness(1.2); }

.btn-cta--ghost {
    background: transparent; color: var(--clr-text-main); border: 1px solid var(--clr-border);
}
.btn-cta--ghost:hover { background: var(--clr-surface-light); border-color: var(--clr-text-dim); }

@keyframes pulseCarmesim {
    0% { box-shadow: 0 0 0 0 rgba(208, 0, 0, 0.5); }
    70% { box-shadow: 0 0 0 15px rgba(208, 0, 0, 0); }
    100% { box-shadow: 0 0 0 0 rgba(208, 0, 0, 0); }
}

/* 4. COMPONENTES GLOBAIS */
.container { max-width: 1000px; margin: 0 auto; padding: 0 20px; flex: 1; }
.hero-title { font-size: 4rem; font-weight: 900; letter-spacing: -2px; margin-bottom: 10px; line-height: 1.1; text-transform: uppercase; }
.hero-title span { color: var(--clr-primary); text-shadow: 0 0 20px var(--clr-primary-glow); }

/* FOOTER */
footer { padding: 3rem 2rem; border-top: 1px solid var(--clr-border); text-align: center; margin-top: 60px; background: var(--clr-surface); }
.footer-tag { color: var(--clr-primary); font-weight: 900; letter-spacing: 3px; font-size: 12px; margin-bottom: 10px; }