*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#dce2ff,transparent 40%),linear-gradient(140deg,#eef2fc,#f6f3ff);font:16px system-ui,sans-serif;color:#26324b}main{width:min(390px,calc(100% - 36px));padding:36px;border:1px solid #d9deed;border-radius:24px;background:#fff;box-shadow:0 20px 60px #26324b12;text-align:center}.mark{display:grid;place-items:center;margin:auto;width:54px;height:54px;border-radius:17px;background:#6655e8;color:#fff6b8;font-size:32px}h1{font-size:25px;margin:20px 0 10px}p{color:#66738a}form{text-align:left;margin-top:28px}label{font-size:13px;font-weight:650}input,button{width:100%;font:inherit;border-radius:11px;padding:13px;margin-top:8px}input{border:1px solid #bcc6db}button{background:#6655e8;color:white;border:0;font-weight:700;cursor:pointer;margin-top:16px}button:disabled{opacity:.65}input:focus-visible,button:focus-visible{outline:3px solid #a69afa;outline-offset:3px}#loginMessage{font-size:13px;line-height:1.5;min-height:20px;color:#a22e36}small{font-size:11px;color:#7b8698}