:root{font-family:system-ui,sans-serif;color:#12382e;background:#f4f8f4}*{box-sizing:border-box}body{margin:0;padding:30px 20px}main{max-width:560px;margin:6vh auto;background:white;border:1px solid #dce8df;border-radius:22px;padding:32px;box-shadow:0 16px 60px #154a3010}h1{font-size:38px;margin:0 0 5px}p{line-height:1.7;color:#567063}.brand{font-size:14px;letter-spacing:.15em;color:#31835c;margin-bottom:28px}.muted{font-size:13px}label{display:block;margin:18px 0 6px}input,select,textarea,button{font:inherit;width:100%;padding:13px;border-radius:10px;border:1px solid #c8d9cc}button{margin-top:12px;cursor:pointer;background:#166444;color:white;border:0}button.secondary{background:#e8f1e9;color:#185e41}button:disabled{opacity:.5;cursor:wait}#qr{max-width:300px;width:100%;display:block;margin:20px auto}#status{white-space:pre-line;border-radius:10px;background:#f0f6f0;padding:16px;margin-top:22px}a{color:#166444}small{display:block;margin-top:20px;color:#567063}