*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#1a1a1a;color:#ccc;font-family:'Roboto Mono',monospace}header{min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;border-bottom:1px solid #333}h1{font-size:clamp(1.5rem,5vw,3rem);color:#eee;margin-bottom:.5rem;font-weight:400;letter-spacing:3px}p{color:#999;font-size:.9rem}.nav{display:flex;justify-content:center;gap:2rem;padding:2rem;border-bottom:1px solid #333}a{color:#ccc;text-decoration:none;transition:color .3s;border-bottom:1px solid transparent}a:hover{color:#eee;border-bottom-color:#eee}.section{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;border-bottom:1px solid #333;animation:sectionFade .8s ease-out}@keyframes sectionFade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h2{font-size:2rem;color:#eee;margin-bottom:1rem;font-weight:400;letter-spacing:2px}p{font-size:1rem;color:#999}