/* Shared styles for guidedbyleon.com */
:root{
  --forest:#0b1f14;--forest-mid:#132a1c;--forest-light:#1c3a27;
  --green:#4ec87a;--green-dim:rgba(78,200,122,.65);
  --cream:#f0ebe0;--cream-dim:rgba(240,235,224,.6);--cream-faint:rgba(240,235,224,.28);
  --border:rgba(255,255,255,.08);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--forest);color:var(--cream);overflow-x:hidden}

/* LANGUAGE TOGGLE */
.lang-toggle{position:fixed;top:20px;right:24px;z-index:200;display:flex;gap:4px;background:rgba(11,31,20,.9);backdrop-filter:blur(10px);border:.5px solid var(--border);border-radius:20px;padding:4px}
.lang-btn{padding:5px 13px;border-radius:16px;border:none;cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.08em;transition:all .2s;background:transparent;color:rgba(240,235,224,.45)}
.lang-btn.active{background:var(--green);color:var(--forest)}
.de{display:none}
body.lang-de .en{display:none}
body.lang-de .de{display:block}
body.lang-de span.de,body.lang-de li.de{display:inline}

/* NAVIGATION */
nav{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:100;background:rgba(11,31,20,.92);backdrop-filter:blur(14px);border:.5px solid var(--border);border-radius:40px;padding:8px 6px;display:flex;gap:2px}
.nav-link{padding:8px 17px;color:var(--cream-dim);text-decoration:none;font-size:12px;letter-spacing:.08em;border-radius:30px;transition:all .2s}
.nav-link:hover,.nav-link.active{color:var(--cream);background:rgba(255,255,255,.07)}

/* FOOTER */
footer{background:#070f0a;color:var(--cream-faint);text-align:center;padding:18px;font-size:11px;letter-spacing:.08em;border-top:.5px solid var(--border)}
footer a{color:var(--cream-faint);text-decoration:none}

/* REVEAL ANIMATION */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:700px){
  nav{bottom:12px}
  .nav-link{padding:7px 11px;font-size:11px}
}