:root{font-family:"Segoe UI",Arial,sans-serif;color:#173c3b;background:#f2f8f7;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:56px auto;padding:0 24px}.brand{font-size:13px;letter-spacing:3px;font-weight:700;color:#08645d}h1{font-size:36px;line-height:1.2;margin:16px 0}h2{font-size:20px;margin:0 0 16px}.intro{font-size:18px;margin-bottom:32px;color:#466462}section{padding:24px;margin:20px 0;background:#fff;border:1px solid #cbdedb;border-radius:16px}p{line-height:1.6}button,a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:8px;border:1px solid #08645d;background:#08645d;color:white;font:inherit;font-weight:600;margin:8px 8px 0 0;cursor:pointer;text-decoration:none}a{background:white;color:#08645d}button:hover{background:#064e48}a:hover{background:#e6f4f1}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d97706;outline-offset:3px}label{display:block;margin:16px 0 8px;font-size:14px}input{width:100%;min-height:44px;padding:12px;font:inherit;border:1px solid #7a9995;border-radius:8px}#qr{display:block;width:min(280px,100%);height:auto;margin:20px 0}#qr[hidden]{display:none}#status{font-weight:600}#error{color:#b91c1c}.foot{font-size:14px;color:#466462}@media(max-width:480px){main{margin:24px auto;padding:0 16px}h1{font-size:28px}section{padding:20px}}