:root{--background-color:#1a1d23;--surface-color:#2c303a;--text-color:#e0e0e0;--primary-color:#e57300;--primary-hover-color:#ff9d4d;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}*{box-sizing:border-box;margin:0;padding:0}a{color:var(--primary-color)}body{font-family:var(--font-sans);background-color:var(--background-color);color:var(--text-color);line-height:1.6}header{background-color:var(--surface-color);border-bottom:1px solid #444;padding:1rem 0}header nav{justify-content:center;align-items:center;gap:2rem;display:flex}header nav a{color:var(--text-color);border-radius:8px;padding:.5rem 1rem;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .3s,background-color .3s}header nav a:hover{color:var(--background-color);background-color:var(--primary-color)}header nav a.active-link{color:var(--primary-color);font-weight:700}main{text-align:center;width:90%;max-width:800px;margin:2rem auto;padding:2rem}main h1{color:var(--primary-color);margin-bottom:1rem;font-size:2.8rem}main p{max-width:60ch;margin:0 auto;font-size:1.2rem}@media (max-width:768px){main{width:95%;margin:1.5rem auto;padding:1.5rem}main h1{font-size:2.2rem}main p{font-size:1.1rem}header nav{gap:1rem}header nav a{padding:.5rem .75rem;font-size:1rem}}@media (max-width:480px){header nav{flex-direction:column;gap:.5rem}}.ferris-container{cursor:crosshair;max-width:350px;margin:2rem auto 0}.ferris-container svg{width:100%;height:auto}