*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(at 15% 20%,#d9f2ff,transparent 55%),linear-gradient(130deg,#f4fbff,#eef0ff);font:16px/1.5 system-ui,sans-serif;color:#203c57;padding:24px}main{width:min(460px,100%);padding:40px;background:#ffffffed;border:1px solid #fff;border-radius:28px;box-shadow:0 24px 90px #5084ad20}select{display:block;margin-left:auto;border:1px solid #cee2ef;border-radius:10px;padding:8px;background:white;color:#203c57}.mark{font-size:36px;color:#1689dc}.brand{font-weight:800;letter-spacing:4px;color:#1689dc}h1{font-size:30px;line-height:1.2;margin-bottom:10px}#intro{color:#667d91}label{display:block;margin:20px 0 6px;font-weight:600}input{width:100%;padding:13px;border:1px solid #c8dcea;border-radius:12px;font:inherit}input:focus{outline:3px solid #b9e5ff;border-color:#2299e7}button{width:100%;margin-top:26px;padding:14px;border:0;border-radius:12px;background:#1689dc;color:white;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.6}#error{color:#b03142;font-size:14px;min-height:21px}