@font-face{font-family:Poppins;src:url('/mol-move/fonts/poppins-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('/mol-move/fonts/poppins-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('/mol-move/fonts/poppins-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{font-family:Poppins,Arial,sans-serif;color:#000;background:#a1c150;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;padding:18px 10px 19px;min-height:100svh;position:relative;isolation:isolate}
body::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 812' preserveAspectRatio='none'%3E%3Cpath d='M370 148L0 518M370 515L0 610' fill='none' stroke='white' stroke-opacity='.75' stroke-width='2'/%3E%3C/svg%3E") center/100% 100% no-repeat}
body::after{content:"";position:absolute;z-index:-1;right:0;bottom:32px;width:42px;height:72px;background:radial-gradient(circle,#00856a 0 4px,transparent 5px) 2px 1px/17px 25px;transform:skewY(-13deg)}
button{font:inherit;border:0;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}
button:focus-visible{outline:3px solid #176a59;outline-offset:4px}
.card{position:relative;width:100%;max-width:440px;min-height:774px;margin:auto;padding:37px 28px 44px 29px;background:#f7f7f7;border:1px solid #e0e0e0;border-radius:15px}
.demo-badge{position:absolute;right:12px;top:9px;font:500 8px/1 Poppins,sans-serif;letter-spacing:1px;color:#648341}
.brand{width:160px;height:32px;margin:0 auto;transform:translateX(3.5px);background-image:url('/mol-move/reference.jpg');background-size:360px 896.5px;background-position:-104px -141px;background-repeat:no-repeat}
h1,h2{font-size:24px;font-weight:500;text-align:center;letter-spacing:-.6px;line-height:26px}
h1{margin:21px -15px 0}
.credentials{margin-top:31px;margin-right:3.5px}
.field{height:41px;display:flex;align-items:flex-start;padding:7px 1px 0;border-bottom:.5px solid #000;color:#777;font-size:15px;font-weight:400;line-height:24px}
.password{margin-top:37.5px;justify-content:space-between}
.password svg{margin-top:5px;fill:none;stroke:#000;stroke-width:1.5}
.forgot{display:block;background:none;padding:0;margin-top:32px;color:#00856a;font-size:13px;font-weight:500;line-height:24px;letter-spacing:-.3px}
.sign-in{display:block;margin-top:18px;width:100%;height:56px;border-radius:11px;background:#00866a;color:#fff;font-size:15px;font-weight:500;box-shadow:0 0 24px 10px #dce2f23d}
h2{margin:19px -15px 7px;line-height:26px}
.socials{display:grid;gap:9.5px}
.social{display:flex;align-items:center;gap:7px;text-align:left;width:100%;height:56px;padding:0 9px;border-radius:11px;background:#fff;color:#00856a;box-shadow:0 3px 11px #d2d1e4b3}
.social svg{width:26px;height:26px;flex-shrink:0}
.social span{font-size:15.5px;font-weight:500;letter-spacing:-.45px;white-space:nowrap}

.field-wrap{position:relative;margin-right:3.5px}
.field-wrap + .field-wrap{margin-top:37.5px}
.field-wrap input{display:block;width:100%;height:41px;background:none;border:none;border-bottom:.5px solid #000;padding:7px 1px 0;font:400 15px/24px Poppins,Arial,sans-serif;color:#000;outline:none}
.field-wrap input::placeholder{color:#777}
.field-wrap input:focus{border-bottom-color:#00856a}
.field-wrap .show-pw{position:absolute;right:0;top:7px;background:none;border:0;cursor:pointer;line-height:0;padding:0}
.field-wrap .show-pw svg{fill:none;stroke:#000;stroke-width:1.5}

.toast{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);width:min(90%,400px);padding:14px 18px;border-radius:12px;background:#064e40;color:#fff;font-size:13px;box-shadow:0 4px 25px #0003;z-index:2}
@media(min-width:600px){body{padding-top:32px;padding-bottom:32px}.card{padding-left:40px;padding-right:40px}h1,h2{margin-left:0;margin-right:0}}
@media(max-width:340px){.card{padding-left:21px;padding-right:21px}h1,h2{font-size:21px}.social span{font-size:13px}}