*{box-sizing:border-box;margin:0;padding:0}body{color:#111827;background-color:#f9fafb;font-family:Inter,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}header{color:#fff;background-color:#1f2937;justify-content:space-between;align-items:center;padding:15px 30px;display:flex}header nav a{margin-left:20px;font-weight:500;transition:color .2s}header nav a:hover{color:#3b82f6}footer{color:#fff;text-align:center;background-color:#1f2937;margin-top:50px;padding:15px 30px}main{max-width:900px;margin:50px auto;padding:0 20px}h1{margin-bottom:20px;font-size:2.5rem}p{margin-bottom:15px;font-size:1.1rem}button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;padding:10px 20px;transition:background-color .2s}button:hover{background-color:#2563eb}@media (width<=600px){header{text-align:center;flex-direction:column}header nav a{margin:10px 0 0}}