: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);
}

* { 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; 
    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); }

/* --- HERO SECTION --- */
.page-section { 
    min-height: 100vh; 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    padding: 0 8%; 
}

.content-clean {
    display: flex;
    flex-direction: column;
}

.label-tiny { 
    font-size: 11px;
    font-weight: 900; 
    color: var(--text); 
    letter-spacing: 3px; 
    margin-bottom: 12px; 
    text-transform: uppercase;
    opacity: 0.9;
}

.main-title { 
    font-size: 7rem; 
    font-weight: 900; 
    line-height: 0.85; 
    letter-spacing: -3px; 
    text-transform: uppercase;
}

.hollow-title { 
    font-size: 7rem; 
    font-weight: 900; 
    color: transparent; 
    -webkit-text-stroke: 2px var(--accent); 
    line-height: 0.85; 
    text-transform: uppercase;
    letter-spacing: -3px;
    filter: drop-shadow(0 0 5px var(--accent-glow));
}

/* Suche diesen Block in deiner main.css und ersetze ihn: */

.desc-text {
    max-width: 600px;         /* Etwas breiter, da die Schrift größer ist */
    color: var(--text-dim);
    font-size: 16px;          /* Von 14px auf 16px erhöht */
    line-height: 1.7;         /* Mehr Luft zwischen den Zeilen für bessere Lesbarkeit */
    margin-top: 25px;
    margin-bottom: 40px;      /* Etwas mehr Abstand zu den Buttons */
    letter-spacing: 0.3px;    /* Ganz dezent für den modernen Look */
}

.home-btns {
    display: flex;
    align-items: center;
    gap: 30px;
}