:root{font-family:Arial,Helvetica,sans-serif;color:#5a3529;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#fff}.login-wrap{min-height:100dvh;display:grid;grid-template-columns:minmax(380px,46vw) 1fr;background:#fff}.login-card{width:min(420px,calc(100% - 48px));margin:auto;padding:0;background:#fff}.eyebrow{margin:0 0 14px;color:#b74926;font-size:12px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase}h1{margin:0 0 18px;color:#543528;font-size:64px;line-height:.94;font-weight:800;letter-spacing:-2px}h2{margin:0 0 14px;color:#543528;font-size:28px;line-height:1.2;font-weight:800}p{margin:0;color:#7d564a;font-size:16px;line-height:1.5}label{display:block;margin-top:24px;color:#6b3f31;font-size:14px;font-weight:700}input{display:block;width:100%;height:48px;margin-top:8px;padding:10px 12px;border:1px solid #dfc6bb;border-radius:10px;background:#fff;font:inherit;font-size:16px;color:#543528}input:focus{outline:3px solid #ffb33f;outline-offset:2px}button{width:100%;margin-top:28px;padding:14px;border:0;border-radius:12px;background:#ffac32;color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 14px 28px #f0a02b26}button:hover{background:#e89422}button:focus-visible{outline:3px solid #b74926;outline-offset:3px}.hint{margin-top:18px;font-size:13px;color:#8b6559}.error{margin-top:18px;padding:12px;border:1px solid #efb4a4;border-radius:10px;background:#fff0ed;color:#a22612}.brand{position:relative;overflow:hidden;min-height:100dvh;background:linear-gradient(145deg,#b94c2d 0%,#a83a20 52%,#8f2e18 100%);color:#fff}.brand:before{content:"";position:absolute;right:7vw;top:10vh;width:230px;height:230px;border:44px solid #ee982f;border-radius:50%}.brand:after{content:"";position:absolute;right:-8vw;top:-10vh;width:470px;height:470px;border:1px solid #d58a73;border-radius:50%}.brand-title{position:absolute;left:7.5vw;bottom:10vh;color:#fff;font-size:64px;font-weight:800;letter-spacing:-2px}.brand-title:before{content:"";position:absolute;right:-34vw;top:-59vh;width:88px;height:128px;border:1px solid #dba08e;border-radius:50%;background:#ffffff24;transform:rotate(18deg)}.brand-title:after{content:"";position:absolute;left:-3vw;top:-48vh;width:110px;height:150px;border:1px solid #dba08e;border-radius:50%;background:#ffffff24;transform:rotate(16deg)}a{color:#b74926}@media(max-width:800px){.login-wrap{display:block}.login-card{width:min(420px,calc(100% - 40px));padding:56px 0}.brand{display:none}h1{font-size:48px}}