*{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}

.error{background:#fce8e8;color:#a32121;border-radius:8px;padding:12px;text-align:left}.error[hidden]{display:none}.button{display:block;background:#0082c9;color:#fff;text-decoration:none;border-radius:8px;padding:14px;margin-top:24px;font-weight:600}.code{font-size:64px;font-weight:300;color:#0082c9;margin:0 0 15px}input{min-height:50px}button{min-height:48px}

body{font-size:14px;line-height:1.6;background:#0082c9;background-image:linear-gradient(40deg,#0082c9 0%,#30b6ff 100%);background-attachment:fixed}main{width:min(calc(100vw - 32px),360px);padding:24px 0}main>svg{width:175px;height:100px;margin:0 auto 24px}section{border-radius:16px;padding:24px;box-shadow:0 0 16px #0002}h2{font-size:20px;line-height:1.4;margin-bottom:24px}input{border:2px solid #949494;border-radius:8px;padding:11px 12px;margin:0 0 12px;font-size:16px}input:focus{outline:0;border-color:#0082c9}button.submit{border-radius:24px;margin:20px 0 0;padding:12px 20px;font-size:15px;position:relative}button.submit span{position:absolute;right:20px;font-size:22px;top:7px}.password{position:relative}.password input{padding-right:48px}.reveal{position:absolute;right:2px;top:2px;width:44px;min-height:44px;height:44px;padding:0;margin:0;background:transparent;color:#555;border-radius:6px;font-size:22px}.reveal:hover{background:#eee}.error{margin:0 0 20px;padding:12px;font-size:14px}.button{border-radius:24px}footer{margin-top:36px;font-size:12px;opacity:1}@media(max-height:650px){main>svg{height:70px;margin-bottom:12px}main{padding:16px 0}footer{margin-top:20px}}

.captcha{margin-top:16px;text-align:left;padding:12px;border:1px solid #ddd;border-radius:8px;background:#f7f7f7}.captcha-label{position:static;width:auto;height:auto;clip-path:none;font-size:13px;color:#555;display:block}.captcha-row{display:flex;align-items:center;justify-content:space-between;margin:4px 0 8px}#captcha-question{font-size:22px;font-weight:600;letter-spacing:3px}#captcha-refresh{width:36px;min-height:36px;height:36px;padding:0;margin:0;background:transparent;color:#0082c9;font-size:24px}.captcha input{margin:0;background:white}