:root{--bg:#e8eee4;--ink:#10261c;--oro:#c8921a;--lago:#1f6f78;--card:#f7f9f4}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.5 "Trebuchet MS",system-ui,sans-serif}
main{max-width:560px;margin:auto;padding:20px 16px 48px}
h1{font:800 2.1rem/1.1 Georgia,serif;margin:.3em 0 .4em}h2{font:700 1.4rem Georgia,serif;margin:.2em 0}
.card{background:var(--card);border:2px solid var(--ink);border-radius:14px 4px 14px 4px;padding:14px 16px;margin:14px 0}
label{display:block;margin:10px 0;font-weight:700}
input,textarea{width:100%;font:inherit;padding:10px;border:2px solid var(--ink);border-radius:8px;background:#fff;margin-top:4px}
.btn{display:block;width:100%;text-align:center;font:700 1.05rem inherit;font-family:inherit;padding:14px;border:2px solid var(--ink);border-radius:10px;background:var(--oro);color:var(--ink);cursor:pointer;text-decoration:none;margin-top:10px}
.btn.alt{background:#fff}.btn:focus-visible,input:focus-visible{outline:3px solid var(--lago);outline-offset:2px}
.grid{display:grid;gap:10px}.team{display:block;text-align:left;font:inherit;padding:12px 14px;border:2px solid var(--ink);border-radius:12px;background:var(--card);cursor:pointer}
.team b{display:block;font:800 1.3rem Georgia,serif}.team small{color:#35503f}
.who,.step{font-weight:700;color:var(--lago);margin:0}.who a{color:inherit;margin-left:8px;font-weight:400}
#pv{width:100%;border-radius:10px;margin-top:10px}#msg{font-weight:700;min-height:1.4em}
.dial{width:150px;height:150px;margin:26px auto 10px;border:4px solid var(--ink);border-radius:50%;position:relative;background:#fff}
.dial span{position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-weight:800}.dial svg{width:100%;height:100%}
.big{font:800 1.3rem Georgia,serif;text-align:center}
nav{display:flex;gap:14px}nav a{color:var(--lago);font-weight:700}
table{width:100%;border-collapse:collapse;font-size:.95rem}td,th{border-bottom:1px solid #9bb09f;padding:6px 4px;text-align:left;vertical-align:top}
td input{width:60px;padding:4px}.th{width:52px;height:52px;object-fit:cover;border-radius:6px;margin:2px}
details summary{font-weight:700;cursor:pointer}
.qrs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}figure{margin:0;text-align:center;break-inside:avoid}
figcaption{font:800 1.3rem Georgia,serif}.qr{display:flex;justify-content:center}
@media print{nav,h1,.noprint{display:none}body{background:#fff}}