*{box-sizing:border-box}body{margin:0;font:18px/1.6 system-ui,sans-serif;color:#203849;background:#f1f7fa}header{background:#103b52;color:white;padding:35px max(22px,calc((100vw - 1120px)/2))}header a{color:#fff}h1,h2,h3{line-height:1.25}h1{font-size:clamp(28px,4vw,44px)}main,footer{max-width:1120px;margin:auto;padding:24px}a{color:#0f6d93;overflow-wrap:anywhere}.card,form{background:white;border:1px solid #d7e4eb;border-top:4px solid #c99c2b;border-radius:16px;padding:24px;margin:22px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}label{display:block;font-weight:700}select,input,button{font:inherit;max-width:100%;width:100%;padding:10px;border:1px solid #9db6c4;border-radius:8px}button{width:auto;cursor:pointer}a.button{display:inline-block;background:#0f6d93;color:white;padding:12px 18px;border-radius:9px;text-decoration:none;margin:8px 10px 8px 0;font-weight:700}.muted{color:#526979}img.preview{width:100%;height:auto;border:1px solid #d7e4eb;border-radius:8px;margin:14px 0}[hidden]{display:none!important}:focus-visible{outline:3px solid #c99c2b;outline-offset:3px}footer{border-top:1px solid #bdcfd9}@media(max-width:520px){main,footer{padding:14px}.card,form{padding:17px}body{font-size:16px}}