*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;font:15px system-ui,-apple-system,sans-serif;color:white;background:radial-gradient(ellipse at 25% 10%,#168bc4,transparent 65%),linear-gradient(145deg,#0875b0,#00406e)}main{width:min(90vw,360px);text-align:center;padding:45px 0}svg{width:140px;height:70px}h1{font-weight:400;font-size:28px;margin:5px 0 30px}section{background:#fff;color:#222;border-radius:15px;padding:28px 24px;box-shadow:0 12px 45px #00284655}h2{font-size:21px;margin:0 0 24px;font-weight:600}label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}input,button{display:block;width:100%;font:inherit;border-radius:8px;padding:14px;margin:10px 0}input{border:1px solid #bbb;background:#fff;color:#222}input:focus{outline:2px solid #0082c9;outline-offset:1px}button{border:0;background:#0082c9;color:white;font-weight:600;cursor:pointer}button:hover{background:#006ba6}p{font-size:13px;color:#666;line-height:1.5;margin:20px 0 0}footer{font-size:12px;opacity:.8;margin:32px 0}