:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#17222c;background:#eeeae0}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 20%,#d5e1d8 0,transparent 30%),#eeeae0}
main{width:min(880px,calc(100% - 32px));min-height:490px;display:grid;grid-template-columns:1.1fr .9fr;background:#fffdf8;box-shadow:0 28px 80px #293b3a20}
.brand{background:#183b3a;color:#f8f5ea;padding:70px 55px;display:flex;flex-direction:column;justify-content:center;border-bottom:6px solid #d89532}
.eyebrow{font-size:10px;letter-spacing:.22em;color:#a9c6c0}.brand h1{font:48px Georgia,serif;margin:16px 0 8px}.brand p{color:#bfcfca}
form{padding:65px 48px;display:flex;flex-direction:column;justify-content:center}h2{font:28px Georgia,"Songti SC",serif;margin:0 0 8px}form>p{color:#748087;margin:0 0 28px;font-size:13px}
label{font-size:12px;color:#606e73;margin-bottom:17px}input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #cfd8d7;background:#fbfaf6;font-size:15px;outline:none}input:focus{border-color:#0c6b62;box-shadow:0 0 0 3px #0c6b6214}
button{border:0;background:#0c6b62;color:white;padding:13px;cursor:pointer;font-weight:700;margin-top:5px}button:disabled{opacity:.6}#error{min-height:20px;color:#b54836;font-size:12px;margin-bottom:6px}
@media(max-width:650px){main{grid-template-columns:1fr}.brand{padding:34px}.brand h1{font-size:35px}.brand p{margin-bottom:0}form{padding:40px 30px}}