*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#19273c;font:18px/1.65 system-ui,sans-serif}header{background:#091634;color:white;padding:36px max(24px,calc((100vw - 900px)/2));display:flex;gap:22px;align-items:center}header img{width:88px;height:88px;border-radius:20px}header strong{font-size:30px}header p{margin:0;color:#c6d2eb}nav,main,footer{max-width:900px;margin:auto;padding:24px}nav{display:flex;gap:24px;border-bottom:1px solid #d8deea}a{color:#18589c}h1{font-size:36px;line-height:1.2}h2{font-size:23px;margin-top:32px}main{padding-bottom:48px}footer{font-size:15px;color:#526078;border-top:1px solid #d8deea}.note{padding:20px;background:#e8eef8;border-left:4px solid #345d97}a:focus-visible{outline:3px solid #e6a232;outline-offset:4px}@media(max-width:500px){header{padding:24px;gap:14px}header strong{font-size:27px}header img{width:66px;height:66px}h1{font-size:30px}}
nav{align-items:center;flex-wrap:wrap}.demo-button{display:inline-block;background:#173c70;color:#fff;padding:9px 18px;border-radius:8px;text-decoration:none;font-weight:600}.demo-button:hover{background:#23548f}