:root{font-family:system-ui,sans-serif;color:#17323c;background:#f4f7f8;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column}
main{width:100%;max-width:41rem;padding:3rem 1.5rem;margin:auto}
.brand{font-weight:750;letter-spacing:.08em;color:#126b77}
h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15}
p{line-height:1.65}
.button{display:inline-block;background:#126b77;color:white;padding:1rem 1.3rem;border-radius:.4rem;font-weight:650;text-decoration:none;margin:1rem 0}
.button:hover{background:#094d58}
a:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.note{font-size:.85rem;color:#52656c}
.uk-footer{background:#17323c;color:#f4f7f8;padding:2rem 1.5rem;font-size:.9rem}
.footer-grid,.footer-bottom{max-width:70rem;margin:0 auto;display:grid;gap:1.5rem 2rem}
.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.footer-brand{font-weight:750;letter-spacing:.08em;font-size:1.1rem;margin-top:0}
.uk-footer h2{font-size:.95rem;margin:0 0 .7rem}
.uk-footer p{margin:.5rem 0}
.uk-footer address{font-style:normal;line-height:1.65}
.uk-footer a{color:inherit;text-underline-offset:.2em;overflow-wrap:anywhere}
.footer-bottom{grid-template-columns:1fr 1fr;border-top:1px solid #52656c;margin-top:1.5rem;padding-top:1rem;font-size:.8rem}
@media(max-width:680px){.footer-grid,.footer-bottom{grid-template-columns:1fr}.footer-bottom{gap:.5rem}}