:root{--green:#2f7d5b;--green-dark:#245f45;--red:#b3261e;--grey:#5f6368;--border:#c9cdd2;color:#1c1c1c;background:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.45}*{box-sizing:border-box}body{margin:0}main{max-width:30rem;margin:0 auto;padding:1.5rem 1rem 3rem}h1{margin:0 0 .75rem;font-size:1.5rem;line-height:1.25}label{margin:1rem 0 .35rem;font-weight:600;display:block}input{width:100%;font:inherit;border:1px solid var(--border);border-radius:.5rem;padding:.75rem}input:focus{outline:2px solid var(--green);border-color:var(--green)}button{font:inherit;cursor:pointer}button.primary{background:var(--green);color:#fff;border:none;border-radius:.5rem;width:100%;margin-top:1.25rem;padding:.85rem;font-weight:600}button.primary:hover{background:var(--green-dark)}button:disabled{opacity:.55;cursor:not-allowed}button.link{color:var(--green);background:0 0;border:none;padding:0;text-decoration:underline}.hint{color:var(--grey);margin:.35rem 0 0;font-size:.9rem}.error{color:var(--red);margin:.5rem 0 0;font-size:.95rem}button.secondary{border:1px solid var(--border);color:#1c1c1c;background:#fff;border-radius:.5rem;width:100%;margin-top:.75rem;padding:.85rem}a{color:var(--green)}a.button{text-align:center;border-radius:.5rem;padding:.85rem;text-decoration:none;display:block}a.button.primary{background:var(--green);color:#fff;font-weight:600}select,textarea{width:100%;font:inherit;border:1px solid var(--border);background:#fff;border-radius:.5rem;padding:.75rem}textarea{resize:vertical}.counter{text-align:right}