*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#152b45;font:16px/1.7 system-ui,"Microsoft YaHei",sans-serif;min-height:100vh;display:grid;place-items:center}main{background:white;border:1px solid #dfe6ef;border-radius:18px;padding:36px;width:min(460px,calc(100vw - 32px));box-shadow:0 10px 40px #152b4510}h1{margin:15px 0 0;font-size:27px}p{color:#63758b;font-size:14px}label{display:block;margin:25px 0 6px}input{width:100%;padding:12px;border:1px solid #ccd7e5;border-radius:9px}button{width:100%;padding:12px;margin-top:14px;border:0;border-radius:9px;background:#245fe5;color:white;font-size:15px;cursor:pointer}.logo{width:46px;height:46px;background:#152d48;color:white;display:grid;place-items:center;border-radius:12px;font:italic bold 29px Georgia}button:disabled{opacity:.5}#message{margin-top:20px}