*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;font-family:"Segoe UI",Arial,sans-serif;color:#244332;background:#fbfcf8}main{align-self:center;max-width:450px;width:100%;margin:50px auto;padding:25px 50px}.mark{width:46px;height:48px;border-radius:11px 11px 11px 2px;background:#1b5d43;color:#e7f4d2;font-weight:700;font-size:30px;text-align:center;padding-top:4px}.subtitle{font-size:13px;color:#5f745f;margin:22px 0 11px}h1{font-size:36px;line-height:1.15;font-weight:650;letter-spacing:-1.5px;margin:0}.intro{font-size:14px;line-height:1.7;color:#7c8979;margin:20px 0 32px}label{display:block;font-size:12px;font-weight:600;margin:17px 0 8px}input{font:inherit;width:100%;padding:12px;border:1px solid #d4dfd0;border-radius:6px;background:#fff;outline-offset:3px}input:focus{border-color:#1b5d43}button{font:600 13px "Segoe UI",sans-serif;width:100%;margin-top:25px;padding:14px 15px;border:0;border-radius:6px;background:#1b5d43;color:white;cursor:pointer;display:flex;justify-content:space-between}button:hover{background:#164f38}button:disabled{opacity:.5;cursor:wait}#message{font-size:12px;color:#a53e36;line-height:1.5;min-height:18px}.foot{font-size:10px;line-height:1.7;color:#8f9c89;margin-top:30px}aside{position:relative;overflow:hidden;background:#e4eddd;display:flex;align-items:center;padding:70px;min-height:100dvh}.caption{position:relative;z-index:1}.caption>span{display:block;font-size:12px;color:#6f8665;margin-bottom:20px}.caption strong{display:block;font-size:clamp(34px,4vw,58px);font-weight:500;line-height:1.1;letter-spacing:-2px}.caption p{font-size:13px;color:#72846b;line-height:1.7;margin-top:25px}.country{position:absolute;bottom:42px;left:70px;font-size:11px;color:#78906c}.outline{position:absolute;border:1px solid #b6c8a9;border-radius:26%;width:550px;height:800px;transform:rotate(33deg);right:-320px;top:-120px}.two{right:-240px;top:-170px}.pin{position:absolute;background:#bbd39d;border:7px solid #e4eddd;width:27px;height:27px;border-radius:50%;right:60px;bottom:130px;box-shadow:0 0 0 1px #aac593}@media(max-width:800px){body{grid-template-columns:1fr}aside{display:none}main{max-width:440px;margin:auto;padding:40px 28px}h1{font-size:33px}}:focus-visible{outline:2px solid #557f46;outline-offset:4px}