.login-page{background:#f3f7f5;grid-template-columns:minmax(420px,560px) 1fr;min-height:100vh;display:grid}.login-card{background:#fff;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,82px);display:flex}.login-brand{align-items:center;gap:14px;margin-bottom:56px;display:flex}.login-brand>span{color:#fff;background:#087a56;border-radius:16px 5px;place-items:center;width:52px;height:52px;font-size:25px;font-weight:700;display:grid}.login-brand strong,.login-brand small{display:block}.login-brand strong{color:#102a43;font-size:20px}.login-brand small{color:#647789;margin-top:3px}.login-copy>span{color:#087a56;font-size:13px;font-weight:700}.login-copy h1{color:#102a43;margin:10px 0;font-size:34px}.login-copy p{color:#647789;margin:0 0 28px;line-height:1.9}.login-button,.visitor-link{text-align:center;border-radius:10px;font-weight:700;text-decoration:none}.login-button{color:#fff;background:#087a56;padding:14px}.login-button:hover{background:#075f45}.login-assurance{background:#eef8f4;border:1px solid #d6ebe3;border-radius:10px;gap:12px;margin-top:18px;padding:15px;display:flex}.login-assurance>b{color:#087a56}.login-assurance p{margin:0}.login-assurance strong,.login-assurance span{display:block}.login-assurance strong{color:#174a3b}.login-assurance span{color:#647789;margin-top:4px;font-size:12px;line-height:1.7}.visitor-link{color:#087a56;margin-top:24px}.login-page>aside{color:#fff;background:linear-gradient(145deg,#073f35,#0b6a53);flex-direction:column;justify-content:center;padding:clamp(45px,8vw,120px);display:flex}.login-page>aside>span{color:#a9dfcc}.login-page>aside h2{max-width:650px;font-size:38px;line-height:1.5}.login-page ul{padding:0;list-style:none}.login-page li{color:#d7ede6;padding:12px 28px 12px 0;position:relative}.login-page li:before{content:"✓";color:#72d5b0;position:absolute;right:0}@media (max-width:850px){.login-page{grid-template-columns:1fr}.login-page>aside{display:none}.login-card{min-height:100vh}.login-brand{margin-bottom:40px}}.credential-form{gap:15px;display:grid}.credential-form label span{color:#415567;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.credential-form input{border:1px solid #d7e2de;border-radius:9px;outline:0;width:100%;padding:12px}.credential-form input:focus{border-color:#087a56;box-shadow:0 0 0 3px #087a561a}.credential-form .login-button{border:0}.credential-form .login-button:disabled{opacity:.65}.login-error{color:#a83a49;background:#fae7ea;border-radius:8px;margin:0;padding:10px;font-size:12px}