@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@600;700;800;900&display=swap');
*{box-sizing:border-box}body{margin:0;background:#fafbf6;color:#2f5142;font-family:'DM Sans',sans-serif}.welcome{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.story{background:#e7efdf;padding:38px 8%;position:relative;overflow:hidden;border-radius:0 48px 48px 0}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-family:Nunito,sans-serif;font-size:23px;font-weight:900}.brand>span{background:#fffdf4;border-radius:13px;padding:13px;font-size:15px}.illustration{height:300px;position:relative;max-width:420px;margin:35px auto 5px}.sun{position:absolute;color:#d7a855;font-size:76px;right:12px;top:0}.cloud{font-size:85px;color:#fffdf6;position:absolute;left:5px;top:0}.bubble{position:absolute;left:85px;top:38px;border-radius:25px 25px 25px 5px;background:#fffdf6;padding:18px 24px;font:800 23px Nunito;transform:rotate(-6deg)}.bubble span{color:#d4a65d}.book{position:absolute;top:133px;left:65px;width:270px;height:140px;background:#f9f5de;border:8px solid #72957b;border-radius:12px 12px 25px 25px;transform:rotate(-5deg);box-shadow:0 14px 0 #d0dfc7;display:flex;align-items:center;justify-content:space-around}.book i{position:absolute;width:2px;height:100%;background:#d0cfb1;left:50%}.book b{font:900 40px Nunito;color:#7d9c7b}.book>span{position:absolute;bottom:3px;font:900 40px Nunito}.pencil{position:absolute;right:5px;bottom:0;font-size:105px;color:#d1a268;transform:rotate(-20deg)}.flower{position:absolute;left:0;bottom:8px;font-size:64px;color:#d69f95}.star{position:absolute;right:25px;top:100px;font-size:28px;color:#acbb8c}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px}h1,h2{font-family:Nunito,sans-serif;font-weight:900;line-height:1.12}h1{font-size:43px;margin:17px 0}p{line-height:1.7}.story>p:last-child{color:#617465}.sign-in{display:grid;place-items:center;padding:40px 30px}.form-card{max-width:370px;width:100%}.hello{font-size:42px;color:#c68e81}h2{font-size:38px;margin:16px 0}.form-card>p:not(.eyebrow){font-size:14px;color:#738078}form{margin-top:28px}label{display:block;font-size:13px;font-weight:700;margin:18px 0 9px}input{width:100%;border:1px solid #d7e0d1;border-radius:13px;padding:15px;background:#fff;color:#2f5142;font:inherit;font-size:14px;outline:none}input:focus{border-color:#6c9275;box-shadow:0 0 0 3px #e3eddf}.password-field{position:relative}.password-field input{padding-right:65px}.password-field button{position:absolute;right:12px;top:12px;border:0;background:transparent;color:#597961;cursor:pointer;padding:5px}.submit{width:100%;background:#557d62;color:white;border:0;border-radius:14px;padding:16px;font:800 16px Nunito;cursor:pointer;transition:transform .2s,background .2s}.submit:hover{background:#41694e;transform:translateY(-2px)}button:disabled{opacity:.6;cursor:wait}#loginError{color:#a3413d;font-size:13px;min-height:22px;margin:10px 0}.footer{text-align:center;margin-top:30px;font-size:12px!important}button:focus-visible,a:focus-visible{outline:3px solid #d1a268;outline-offset:3px}@media(max-width:740px){.welcome{grid-template-columns:1fr}.story{border-radius:0 0 30px 30px;padding:24px}.illustration{display:none}.story h1{font-size:28px}.story>p:last-child{display:none}.sign-in{padding:30px 24px}.brand{font-size:20px}h2{font-size:32px}}