*{box-sizing:border-box}body{margin:0;background:#f7f8f5;color:#18372d;font:16px/1.55 system-ui,-apple-system,sans-serif;min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login{width:400px;max-width:90%;margin:auto;padding:48px 0}.mark{width:52px;height:52px;background:#204b3d;color:#fff;display:grid;place-items:center;border-radius:15px;font-weight:800;font-size:20px;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#526176}h1{font-size:32px;letter-spacing:-1px;margin:10px 0}.intro{color:#526176;margin-bottom:32px}label{display:block;font-size:13px;font-weight:600;margin:18px 0}input{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #d6ded6;background:#fff;border-radius:9px;font:inherit;color:#16362b}input:focus{outline:2px solid #5e8f76;outline-offset:1px}button{background:#244e3e;color:#fff;border:0;border-radius:9px;padding:15px 18px;font:600 14px system-ui;width:100%;cursor:pointer;margin:12px 0 30px}button span{float:right}small{color:#526176;font-size:11px}.error{background:#fff0ed;color:#a6382e;padding:10px;border-radius:6px;font-size:13px}aside{background:#dfe8dc;padding:70px;display:flex;align-items:center;overflow:hidden}h2{font:500 48px/1.12 Georgia,serif;letter-spacing:-1.6px;margin:25px 0}aside p{color:#526176;font-size:14px}.paper{margin-top:50px;background:#fffdf7;padding:30px;width:330px;transform:rotate(-4deg);box-shadow:4px 12px 45px #49694520;border-radius:3px}.paper>span{font-size:9px;letter-spacing:2px;color:#526176}.paper h3{font:23px/1.4 Georgia,serif;margin:18px 0 30px}.line{height:5px;border-radius:3px;background:#e9ece4;margin:10px 0}.short{width:75%}.stamp{display:inline-block;margin:20px 0 0 90px;border:1px solid #72977b;color:#526176;font-size:10px;letter-spacing:2px;padding:8px;transform:rotate(-5deg)}@media(max-width:850px){body{display:block}aside{display:none}.login{padding-top:40px}}

body{background:#f2f5fb;color:#172b46}.mark,button{background:#2458d6}.intro,small{color:#465b78}small{font-size:13px}aside{background:#e0eafb}input{border-color:#a8bad2;color:#183556}input:focus{outline-color:#2458d6}label{font-size:14px}@media(max-width:700px){input{font-size:16px}}