*{box-sizing:border-box}body{margin:0;color:#203b33;background:#f8faf6;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.login-shell{min-height:100dvh;display:grid;grid-template-columns:47% 53%}.intro{background:#073d30;color:#fff;padding:58px 64px 34px;display:flex;flex-direction:column;position:relative;overflow:hidden}.intro:after{content:"";position:absolute;width:380px;height:380px;right:-230px;bottom:100px;border:1px solid #3e725d;border-radius:50%;box-shadow:0 0 0 50px #1d5c3f22,0 0 0 100px #1d5c3f11;pointer-events:none}.logo{display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:16px 20px;background:#fff;border-radius:10px;text-decoration:none}.logo img{display:block;width:172px;max-width:100%;height:auto}.intro-copy{margin:auto 0;padding:70px 0;position:relative;z-index:1}.overline{display:block;font-size:10px;font-weight:600;letter-spacing:1.6px;margin-bottom:20px}.intro .overline{color:#a3c6b2}.intro h1{font-size:38px;line-height:1.27;letter-spacing:-1.4px;font-weight:600;margin:0 0 23px}.intro-copy p{font-size:14px;line-height:1.8;color:#b1cdbd;max-width:350px}.intro-features{display:grid;gap:21px;margin-top:45px;font-size:11px;color:#749c87}.intro-features span{display:flex;align-items:center;gap:15px}.intro-features b{font-size:12px;color:#d8e8dd;font-weight:500}.intro-footer{font-size:10px;display:flex;align-items:center;justify-content:space-between;color:#8fb09c}.intro-footer strong{letter-spacing:2px;color:#d5e6db;font-size:12px}.form-side{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:70px 50px 34px;position:relative}.form-wrap{width:100%;max-width:360px;margin:auto}.lock-mark{width:47px;height:47px;background:#e9f3e9;color:#2e7850;border:1px solid #dce9da;border-radius:12px;display:grid;place-items:center;margin-bottom:28px}.lock-mark svg{width:23px;height:23px}.form-wrap .overline{color:#43815d;margin-bottom:12px;font-size:9px}h2{font-size:33px;letter-spacing:-1px;margin:0 0 10px;font-weight:650}.subtitle{font-size:13px;color:#87917f;line-height:1.7;margin:0 0 31px}label{display:block;font-size:12px;font-weight:600;margin:20px 0 9px;color:#52614b}input{height:48px;width:100%;border:1px solid #dce3d6;background:#fff;border-radius:7px;font:inherit;font-size:13px;padding:0 14px;color:#283f27;outline-offset:3px}input:focus{border-color:#3c8657;outline-color:#7fba90}input::placeholder{color:#a4ac9c}.password-field{position:relative}.password-field input{padding-right:70px}.password-field button{position:absolute;right:8px;top:10px;border:0;background:none;color:#6c825d;font-size:10px;padding:8px;cursor:pointer}.submit{background:#087b51;border:0;color:#fff;font:inherit;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:7px;margin-top:28px;padding:16px;cursor:pointer}.submit:hover{background:#066b45}.submit:disabled{opacity:.7;cursor:wait}.submit span{font-size:18px;line-height:16px}.access-note{font-size:11px;line-height:1.7;color:#9aa28e;margin:22px 0}.session-note{border-top:1px solid #e3e8dc;margin-top:28px;padding-top:18px;font-size:10px;color:#9ba68f}.form-error{margin:16px 0 0;padding:11px;border:1px solid #efd5cc;background:#fff1eb;color:#a9543c;font-size:12px;line-height:1.6;border-radius:6px}.form-footer{width:100%;display:flex;justify-content:space-between;font-size:9px;color:#a4ad97;margin-top:60px;gap:15px}@media(max-width:1000px){.intro{padding:45px 35px 28px}.intro h1{font-size:31px}.form-side{padding:55px 35px 28px}}@media(max-width:700px){.login-shell{display:block}.intro{padding:28px 26px}.intro-copy,.intro-footer{display:none}.logo{padding:12px 16px;border-radius:8px}.logo img{width:132px}.form-side{padding:35px 25px 25px;min-height:calc(100dvh - 110px)}.form-wrap{max-width:390px}.lock-mark{margin-bottom:20px}.form-footer{margin-top:35px}.form-wrap h2{font-size:29px}}