body{margin:0;background:#f3f6ef;color:#264b3d;font-family:system-ui,sans-serif;min-height:100dvh;display:grid;place-items:center}main{box-sizing:border-box;width:calc(100% - 32px);max-width:420px;padding:32px;background:#fff;border:1px solid #dfe7db;border-radius:18px;box-shadow:0 15px 50px #274c3b0b}small{color:#809183}h1{font-size:23px;margin:12px 0}p{font-size:13px;line-height:1.8;color:#6c7b6e}label{display:block;font-size:13px;margin-top:20px}input,select{box-sizing:border-box;width:100%;padding:13px;margin:9px 0 8px;border:1px solid #ccd9c9;border-radius:8px;font-size:16px;background:#fff}button{width:100%;min-height:46px;margin-top:12px;background:#087f68;border:0;border-radius:8px;color:white;font-size:14px;cursor:pointer}button:disabled{opacity:.5}#error{color:#ac4939;min-height:24px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #59a28c;outline-offset:3px}