header{background-color:var(--surface-color);padding:1rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}header h1{color:var(--primary-color);font-size:2rem;font-weight:700;text-align:center;margin:0}main{max-width:800px;margin:2rem auto;padding:0 1rem}h2{font-size:1.5rem;margin-bottom:1rem}.primary{color:var(--primary-color)}.secondary{color:var(--secondary-color)}.error{color:var(--error-color)}p,ul{margin-bottom:1rem}ul{padding-left:1.5rem}footer{background-color:var(--surface-color);padding:1rem;text-align:center;border-top:1px solid var(--outline-color)}footer p{margin:0;color:var(--outline-color)}