:root {
    --bg: #050208;
    --accent: #9d4edd;
    --accent-glow: rgba(157, 78, 221, 0.4);
    --text: #ffffff;
    --text-dim: rgba(255, 255, 255, 0.4);
    --border: rgba(255, 255, 255, 0.05);
    --card-bg: rgba(255, 255, 255, 0.015);
}

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; }
body { background: var(--bg); color: var(--text); font-family: 'Inter', sans-serif; overflow-x: hidden; }

/* --- NAVIGATION --- */
header { 
    padding: 25px 60px; 
    border-bottom: 1px solid var(--border); 
    position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; 
    background: rgba(5, 2, 8, 0.85); backdrop-filter: blur(15px); 
}

nav { display: flex; justify-content: space-between; align-items: center; max-width: 1600px; margin: 0 auto; }
.nav-logo { height: 25px; }
.nav-links { display: flex; gap: 45px; list-style: none; }
.nav-links a { 
    text-decoration: none; color: var(--text-dim); text-transform: uppercase; 
    font-size: 11px; font-weight: 800; letter-spacing: 2.5px; transition: 0.3s; 
}
.nav-links a:hover, .nav-links a.active-nav { color: #fff; text-shadow: 0 0 15px var(--accent); }

/* --- LAYOUT --- */
.page-section { min-height: 100vh; display: flex; align-items: center; padding: 0 8%; padding-top: 80px; }
.main-title { font-size: 6.5rem; font-weight: 900; line-height: 0.8; letter-spacing: -3px; }
.hollow-title { font-size: 6.5rem; font-weight: 900; color: transparent; -webkit-text-stroke: 1.8px var(--accent); line-height: 0.8; }