:root{--c:#f4eee5;--p:#fffdf9;--i:#292522;--m:#756e66;--e:#8c624b;--l:#e7ddd2}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--c);color:var(--i);font-family:Heebo,Arial}body{min-height:100dvh}main{width:min(680px,100%);margin:auto;padding:28px 16px 20px}header{text-align:center;color:var(--e);font-size:13px;font-weight:700;margin-bottom:12px}article{background:var(--p);border-radius:28px;box-shadow:0 18px 55px #48362a1f;padding:clamp(24px,6vw,46px);min-height:min(660px,calc(100dvh - 170px));display:flex;align-items:center}article>div{width:100%;min-width:0}i{font-style:normal;background:#e8eee9;color:#476157;border-radius:99px;padding:6px 12px;font-size:12px;font-weight:700}h1{font-size:clamp(32px,8vw,48px);line-height:1.05;margin:18px 0 10px}p{color:var(--m)}form{margin-top:30px}section{display:none;min-width:0}section.on{display:block}label{display:block;font-size:clamp(23px,6vw,30px);font-weight:600;margin-bottom:18px}input,textarea{display:block;width:100%;min-width:0;max-width:100%;border:1px solid var(--l);border-radius:14px;background:white;padding:15px;font:inherit;font-size:17px;outline:none}input:focus,textarea:focus{border-color:#789187;box-shadow:0 0 0 4px #78918722}textarea{min-height:155px;resize:none}input[type=date]{inline-size:100%;min-inline-size:0;-webkit-appearance:none;appearance:none}small{color:var(--m)}nav{display:flex;align-items:center;gap:10px;margin-top:30px}nav span{margin-inline:auto;color:var(--m);font-size:13px}button{border:0;border-radius:99px;padding:12px 20px;min-height:46px;background:var(--e);color:white;font:inherit;font-weight:700}#back{background:transparent;color:var(--e);border:1px solid var(--l)}#err{display:block;color:#a34e45;font-style:normal;font-size:13px;min-height:22px}.privacy{font-size:13px}#ok>b{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e5eee9;color:#49665a;font-size:34px}footer{margin:18px auto 0;background:#f7f0e5;border:1px solid #eadfce;border-radius:22px;padding:10px 15px;display:flex;align-items:center;justify-content:center;gap:12px}footer img{width:66px;height:66px;border-radius:13px;object-fit:cover}footer span{display:flex;flex-direction:column}footer small{font-size:12px}@media(max-width:420px){main{padding:12px 10px}article{padding:24px 18px;border-radius:22px;min-height:calc(100dvh - 140px)}footer{margin-top:12px}footer img{width:56px;height:56px}}
