:root{font-family:'Avenir Next','Trebuchet MS',sans-serif;color:#243e34;background:#f7f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:45% 55%;min-height:100vh}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bd643d;outline-offset:4px}[hidden]{display:none!important}.intro{background:#243e34;color:#e9efdf;padding:48px 58px;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.brand{font:42px Georgia,serif;text-decoration:none;letter-spacing:-2px}.brand>span{color:#d79573;font-size:27px;position:relative;top:-19px;left:-5px}.brand strong{font:30px 'Trebuchet MS',sans-serif;letter-spacing:-1.6px}.intro-copy{margin:auto 0}.eyebrow{font-size:10px;letter-spacing:2.3px;color:#93a687;line-height:1.8}.intro h1{font:46px/1.16 Georgia,serif;letter-spacing:-1.4px;margin:20px 0}.intro-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:315px;color:#c0cfba}.intro-footer{font-size:10px;color:#a5b69c}.visual{height:210px;position:relative;max-width:340px;margin-top:45px}.visual:before,.visual:after{content:'';position:absolute;left:50%;top:50%;width:220px;height:1px;background:#5c735e;transform:translate(-50%,-50%) rotate(32deg)}.visual:after{transform:translate(-50%,-50%) rotate(-32deg)}.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border:1px solid #8d9e77;background:#304d3d;border-radius:50%;display:grid;place-items:center;font:38px Georgia,serif;z-index:1}.node{position:absolute;background:#2e493b;border:1px solid #5b7157;border-radius:5px;padding:9px 15px;color:#c4d3b8;font-size:11px;z-index:1}.n1{left:8px;top:25px}.n2{right:8px;top:25px}.n3{left:8px;bottom:25px}.n4{right:8px;bottom:25px}main{padding:60px;display:flex;align-items:center;justify-content:center;position:relative}.login-box{width:100%;max-width:390px}.lock{display:grid;place-items:center;width:47px;height:47px;border-radius:10px;background:#e7eddc;color:#5c7550;font-size:24px;margin-bottom:28px}.login-box>.eyebrow{color:#7a856e}.login-box h2{font:36px/1.17 Georgia,serif;letter-spacing:-1px;margin:13px 0 19px}.description{font-size:14px;line-height:1.8;color:#77816f;margin-bottom:31px}label{display:block;font-size:12px;margin-bottom:9px;color:#526049}input{display:block;width:100%;background:white;border:1px solid #d5ddcd;border-radius:5px;padding:14px 16px;font-size:14px;color:#2b4436}button{border:0;background:#bf5b37;color:white;width:100%;border-radius:5px;padding:15px 18px;margin-top:15px;font-size:12px;display:flex;justify-content:space-between;gap:10px;align-items:center}button:hover{background:#a84928}button>span{font-size:18px}.security-note{font-size:10px;line-height:1.9;color:#8b9481;margin-top:25px;padding-top:20px;border-top:1px solid #e0e5d7}.feedback{background:#eaf0df;color:#476037;padding:15px 17px;font-size:13px;line-height:1.7;border-radius:5px;margin:20px 0}.feedback.error{background:#f6e8df;color:#965335}#new-link{display:inline-block;font-size:12px;margin-top:15px;text-underline-offset:4px}footer{position:absolute;bottom:27px;font-size:10px;color:#9aa38f}
@media(max-width:1000px){.intro{padding:35px}.intro h1{font-size:38px}main{padding:38px}.login-box h2{font-size:31px}}
@media(max-width:650px){body{grid-template-columns:1fr}.intro{min-height:0;padding:21px 25px}.brand{font-size:31px}.brand>span{font-size:20px;top:-13px}.brand strong{font-size:24px}.intro-copy,.intro-footer{display:none}main{padding:40px 25px 75px;min-height:calc(100svh - 80px);align-items:flex-start}.login-box{margin-top:15px}.login-box h2{font-size:34px}.description{font-size:13px}.lock{margin-bottom:24px}footer{bottom:22px}}