*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333}#root{min-height:100vh;display:flex;flex-direction:column}header{background-color:#282c34;color:#fff;padding:1rem 2rem}header h1{font-size:1.5rem;margin-bottom:.5rem}header nav a{color:#fff;text-decoration:none;margin-right:1rem}header nav a:hover{text-decoration:underline}main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}footer{background-color:#f0f0f0;padding:1rem 2rem;text-align:center}button,a[href="/login"]{background-color:#61dafb;border:none;color:#fff;padding:.5rem 1rem;text-align:center;text-decoration:none;display:inline-block;font-size:1rem;cursor:pointer;border-radius:4px}button:hover{background-color:#4fa8c5}form{display:flex;flex-direction:column;gap:1rem;max-width:400px}label{display:flex;flex-direction:column;gap:.25rem}input[type=text],input[type=email]{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}