*,*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}header,footer{width:100%;display:block}app-root{display:flex;flex-direction:column;width:100%;min-height:100vh}main{flex:1}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fff;color:#222;line-height:1.6}main{max-width:800px;margin:0 auto}header{max-width:800px;margin:0 auto;padding:2rem 1rem 0}section{margin-bottom:3rem}h1,h2{font-weight:600}a{color:#f68b1e}footer{max-width:800px;margin:2rem auto;padding:0 1rem;font-size:.9rem;color:#666;border-top:1px solid #efefef}.navbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.navbar .logo{font-weight:600;display:flex;align-items:center;gap:.5rem}.navbar .logo h1{font-size:1.25rem;margin:0}.navbar ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0}.navbar ul li a{color:#2878ff;text-decoration:none;font-weight:500}.navbar ul li a:hover{text-decoration:underline}@media (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start}.navbar ul{width:100%;flex-direction:column;gap:.5rem;margin-top:.5rem}}