html{scroll-behavior:smooth}header{position:fixed;top:0;width:100%;background-color:var(--color-secondary);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a;z-index:1000}header h1{color:#fff;font-size:1.75rem;margin:0}nav ul{list-style:none;display:flex;gap:1.5rem}nav a{color:#fff;text-decoration:none;font-weight:500;transition:opacity .3s}nav a:hover{opacity:.8}main{max-width:800px;margin:0 auto;padding:6rem 1rem 2rem}section{background-color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}section h2{font-size:1.5rem;margin-bottom:1rem;color:var(--color-text)}section h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem;color:var(--color-text)}section p,section ul{text-align:left;line-height:1.6}section ul{list-style:disc inside;margin-left:1rem}footer{background-color:var(--color-secondary);padding:1rem 0;text-align:center;color:#fff;font-size:.9rem;margin-top:2rem}@media (max-width: 600px){nav ul{flex-direction:column;gap:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif;line-height:1.5;padding:1rem}header,footer{text-align:center;margin-bottom:2rem}nav ul{list-style:none;display:flex;justify-content:center;gap:1rem}section{margin-bottom:2rem}:root{--color-bg: #e8f5e9;--color-primary: #a5d6a7;--color-secondary: #66bb6a;--color-text: #2e3e28}body{background-color:var(--color-bg);color:var(--color-text)}a{color:var(--color-secondary);text-decoration:none;transition:color .3s}a:hover{color:var(--color-primary)}