* {margin: 0; padding: 0; box-sizing: border-box}  
body {font-family: 'Segoe UI', sans-serif; background-color: #000; color: #fff; scroll-behavior: smooth}  
nav {position: fixed; width: 100%; background: #111; padding: 15px 0; z-index: 100}  
nav ul {display: flex; justify-content: center; list-style: none}  
nav li {margin: 0 20px}  
nav a {text-decoration: none; color: #fff; transition: color 0.3s}  
nav a:hover {color: #a020f0}  
section {min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; opacity: 0; transform: translateY(30px); transition: all 0.8s ease; padding: 80px 20px}  
section.active {opacity: 1; transform: translateY(0)}  
h1 {font-size: 3rem; margin-bottom: 15px}  
h2 {font-size: 2.5rem; margin-bottom: 20px}  
p, li {font-size: 1.2rem; margin-bottom: 10px; color: #ccc}  
ul {list-style: inside square; text-align: left}  
textarea {width: 80%; height: 200px; background: #111; color: #0f0; border: 1px solid #444; padding: 15px; font-family: monospace; margin-bottom: 15px}  
button, .btn {background-color: #a020f0; color: #fff; border: none; padding: 10px 20px; cursor: pointer; transition: all 0.3s; text-decoration: none}  
button:hover, .btn:hover {background-color: #8b00d0}