:root{color-scheme:dark;font-family:system-ui,sans-serif}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 0,#213e65,#071323 75%);color:#eaf2ff}main{width:min(90vw,410px);padding:28px;border:1px solid #42618c;border-radius:22px;background:#132943cc;box-shadow:0 22px 70px #0008;text-align:center}.symbol{font-size:52px;color:#56afff}h1{margin:0;font-size:29px}p{color:#b2cee7}section{display:grid;gap:12px;margin:28px 0}label{text-align:left;font-size:13px}input,button{padding:14px;border-radius:12px;font:inherit}input{background:#06182d;border:1px solid #5275a0;color:white}button{width:100%;background:#167cdb;border:0;color:white;font-weight:600;cursor:pointer;margin:6px 0}button:disabled{opacity:.5}#login{background:#203b60}#message{min-height:3em;font-size:14px}

[hidden]{display:none!important}.symbol{width:112px;height:112px;margin:0 auto 20px;display:grid;place-items:center;font-size:70px;font-weight:800;border-radius:31px;color:white;background:linear-gradient(135deg,#238bfc,#7a58d9);box-shadow:0 15px 45px #176de088}main{border-color:#41628a88;background:#132943aa}#message{min-height:1.8em}