*{box-sizing:border-box}body{margin:0;color:#333;background:white;font-family:Arial,"Microsoft YaHei",sans-serif}.wave{position:fixed;left:0;bottom:0;height:100vh;z-index:-1}.login-layout{width:100vw;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:7rem;padding:0 2rem}.illustration{display:flex;align-items:center;justify-content:flex-end}.illustration img{width:500px;max-width:100%}.login-panel{display:flex;align-items:center;justify-content:flex-start;text-align:center}form{width:360px;max-width:100%}.avatar{height:100px;width:100px}h1{font-size:46px;margin:24px 0 25px}.input-row{position:relative;display:block;text-align:left;border-bottom:2px solid #d9d9d9;height:58px;margin:24px 0 16px;padding:5px 0 5px 35px}.input-row span{position:absolute;top:19px;color:#999;font-size:18px;transition:top .15s,font-size .15s}.input-row:focus-within span,.input-row.filled span{top:-7px;font-size:13px;color:#27b893}.input-row:focus-within{border-color:#38d39f}.input-row input{width:100%;height:100%;background:none;border:0;outline:0;font-size:18px;color:#444;padding-top:9px}button{width:100%;border:0;border-radius:30px;background:linear-gradient(90deg,#32be8f,#38d39f,#32be8f);height:50px;color:white;font-size:19px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#error{color:#bb3543;font-size:14px;line-height:1.6;text-align:left}#error:empty{display:none}button:focus-visible{outline:3px solid #178c68;outline-offset:4px}@media(max-width:1050px){.login-layout{gap:4rem}.illustration img{width:400px}form{width:320px}h1{font-size:38px}}@media(max-width:760px){.illustration,.wave{display:none}.login-layout{grid-template-columns:1fr;padding:32px;gap:0}.login-panel{justify-content:center}h1{font-size:36px}}