[hidden]{display:none!important}.demo-login{box-sizing:border-box;min-height:100vh;background:#f7f9f3;color:#193d31;padding:40px max(24px,calc((100vw - 1180px)/2));font-family:Arial,sans-serif}.demo-login *{box-sizing:border-box}.demo-login-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:18px;font-weight:650}.demo-login-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center;max-width:1180px;margin:70px auto}.demo-kicker{font-size:10px;letter-spacing:1.4px;font-weight:600;line-height:1.8}.demo-login h1{font-size:clamp(44px,5.5vw,74px);font-weight:500;line-height:1.05;letter-spacing:-2.8px;margin:26px 0}.demo-login h1 em{font-family:Georgia,serif;color:#68844f;font-weight:400}.demo-login-layout>div>p:not(.demo-kicker){font-size:19px;line-height:1.8;max-width:480px}.demo-login li{font-size:15px;line-height:2.2}.demo-login ul{padding-left:21px}.demo-login-layout>div>a{color:inherit;text-underline-offset:5px;font-size:14px;display:inline-flex;padding:14px 0}.demo-login form{padding:36px;border:1px solid #ccd8c2;border-radius:12px;background:white;box-shadow:0 20px 60px #193d3108}.demo-login-tag{font-size:10px;letter-spacing:1.2px;color:#5b744c}.demo-login h2{font-size:27px;letter-spacing:-.6px;font-weight:500;margin:24px 0 12px}.demo-login form p{font-size:14px;line-height:1.8;color:#536b5c}.demo-login label{display:block;font-size:13px;font-weight:600;margin-top:22px}.demo-login input{display:block;width:100%;padding:12px 14px;background:#f8faf5;border:1px solid #bdccb2;border-radius:6px;font:16px Arial,sans-serif;color:#193d31;min-height:48px;margin-top:9px}.demo-login button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 17px;border:0;border-radius:6px;background:#193d31;color:white;font:600 15px Arial,sans-serif;min-height:51px;margin-top:26px;cursor:pointer}.demo-login #demo-login-error{color:#8b302b}.demo-login .demo-login-small{font-size:12px;margin-bottom:0}.demo-account-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 24px;background:#eaf0e4;border-bottom:1px solid #ccd8c2;color:#284a38;font:12px/1.7 Arial,sans-serif}.demo-account-bar b{font-size:9px;letter-spacing:.8px;padding:4px 6px;background:white;border:1px solid #c7d4bd;border-radius:4px;margin-right:8px}.demo-account-bar nav{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.demo-account-bar a{color:inherit;text-decoration:underline;text-underline-offset:4px;padding:6px 0}.demo-account-bar button{font:inherit;color:inherit;background:transparent;border:1px solid #acbea0;border-radius:5px;padding:6px 12px;cursor:pointer}.demo-login :is(a,input,button):focus-visible,.demo-account-bar :is(a,button):focus-visible{outline:3px solid #719452;outline-offset:4px}
@media(max-width:760px){.demo-login{padding:24px}.demo-login-layout{grid-template-columns:1fr;gap:28px;margin:35px auto}.demo-login h1{font-size:49px;letter-spacing:-2px}.demo-login-layout>div>p:not(.demo-kicker){font-size:17px}.demo-login ul{display:none}.demo-login form{padding:25px}.demo-login h2{font-size:25px}.demo-account-bar{padding:12px 16px;align-items:start;flex-direction:column;gap:5px}.demo-account-bar a,.demo-account-bar button{min-height:44px;display:flex;align-items:center}.demo-account-bar nav{gap:16px;flex-wrap:wrap}}