:root{font-family:system-ui,sans-serif;color:#18362e;background:#f8fbf9;font-size:16px}*{box-sizing:border-box}body{margin:0;padding:2rem 1rem;min-height:100dvh;display:grid;place-items:center}main{width:100%;max-width:26rem;background:white;border:1px solid #dfebe4;padding:2rem;border-radius:1.5rem}.mark{font-size:1.25rem;color:#217653;font-weight:650}h1{font-size:1.8rem;line-height:1.2;margin:1.5rem 0 1rem}p{line-height:1.6}label{display:block;margin:1rem 0 .4rem}input,button{font:inherit;width:100%;min-height:3rem;border-radius:.65rem}input{border:1px solid #acc8b7;background:#fafcfb;padding:.75rem}button{margin-top:1.5rem;border:0;background:#23794f;color:white;cursor:pointer}button:disabled{opacity:.6}.note{font-size:.875rem;color:#526960;margin:1rem 0 0}input:focus-visible,button:focus-visible{outline:3px solid #68a989;outline-offset:3px}@media(max-width:350px){main{padding:1.25rem}}