*{box-sizing:border-box}body{margin:0;background:#f3f5ec;color:#244d3b;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}main{display:grid;grid-template-columns:1.12fr 1fr;max-width:1100px;min-height:650px;margin:7vh auto;background:#fffef9;border-radius:24px;overflow:hidden;border:1px solid #dde4d3;box-shadow:0 15px 60px #32573409}.story{position:relative;isolation:isolate}.story>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:47% center;z-index:-2}.story:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,#1c342cce);z-index:-1}.story>div{position:absolute;bottom:42px;left:38px;color:#fffbea}.story span{font-size:13px;letter-spacing:2px}.story h1{font-size:35px;line-height:1.6;font-weight:650;margin:12px 0 0}.entrance{padding:44px 50px;align-self:center}.brand{display:flex;gap:11px;align-items:center;margin-bottom:40px}.brand b{font-size:19px}.brand small{display:block;font-size:11px;letter-spacing:1px;font-weight:400;color:#819278;margin-top:5px}h2{font-size:25px;line-height:1.6;margin:0 0 15px}.entrance>p{font-size:15px;line-height:1.9;color:#728069;margin:0 0 25px}label{display:block;font-size:14px;font-weight:650;margin:16px 0 9px}input{display:block;width:100%;height:49px;border:1px solid #c5d1b9;background:#fffefb;border-radius:8px;padding:12px 14px;font-size:16px;color:#315b42}input:focus-visible,button:focus-visible{outline:3px solid #ccaf63;outline-offset:3px}.password-field{position:relative}.password-field input{padding-right:62px}.password-field button{position:absolute;right:4px;top:4px;height:41px;min-width:52px;border:0;border-radius:5px;background:transparent;color:#6b7f60;font-size:13px;cursor:pointer}#login-submit{margin-top:25px;width:100%;min-height:51px;display:flex;align-items:center;justify-content:space-between;padding:13px 20px;background:#244d3b;color:#fffef7;font-size:16px;font-weight:650;border:0;border-radius:9px;cursor:pointer}#login-submit:disabled{opacity:.65;cursor:wait}#login-error{font-size:14px;color:#a55238;line-height:1.7;background:#fff1e3;padding:10px 13px;border-radius:7px;margin:14px 0 0}.help{font-size:11px;color:#7f8f76;line-height:1.9;display:block;margin-top:24px}@media(max-width:1100px){main{margin:5vh 28px}.entrance{padding:40px 35px}}@media(max-width:680px){main{display:flex;flex-direction:column;min-height:0;margin:20px;border-radius:18px}.story{height:225px;flex-shrink:0}.story>img{object-position:center 48%}.story>div{left:25px;bottom:23px}.story h1{font-size:25px;line-height:1.5}.story span{font-size:11px}.entrance{padding:26px;width:100%}.brand{margin-bottom:24px}.brand img{width:35px;height:35px}.brand b{font-size:16px}h2{font-size:22px}.help{font-size:11px}}@media(max-width:360px){main{margin:12px}.entrance{padding:22px}.story{height:180px}.story h1{font-size:22px}}