*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px}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.5;color:#333;background-color:#fff;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1}a{color:#06c;text-decoration:underline}a:hover{color:#0052a3}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header{background:#333;color:#fff;padding:1rem;position:sticky;top:0;z-index:100}.skip-link{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:8px;text-decoration:none;z-index:200}.skip-link:focus{top:0}nav ul{list-style:none;display:flex;gap:2rem;margin:0;padding:0;justify-content:center}nav a{color:#fff;text-decoration:none;font-weight:500;transition:color .2s}nav a:hover{color:#61dafb}main{max-width:800px;margin:2rem auto;padding:0 1rem}main h1{font-size:2.5rem;margin-bottom:1rem;color:#333}main p{font-size:1.125rem;line-height:1.6;color:#666}footer{text-align:center;padding:2rem 1rem;margin-top:4rem;border-top:1px solid #eee;color:#999}