.auth-screen{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#21352a 0,transparent 38%),#0c0d0c}.auth-screen[hidden]{display:none}.auth-card{width:min(420px,100%);border:1px solid #303630;border-radius:20px;background:#121512;padding:30px;box-shadow:0 24px 80px #000b}.auth-logo{display:grid;place-items:center;width:48px;height:48px;margin-bottom:25px;border:1px solid #4e5b53;border-radius:15px;color:#b5f6c9;background:#18221c;font:22px Georgia,serif}.auth-loading{color:#8d958e;font-size:13px}.auth-form{display:grid;gap:15px}.auth-form[hidden]{display:none}.auth-heading{margin-bottom:5px}.auth-heading span{font-size:10px;font-weight:700;letter-spacing:.15em;color:#77d894}.auth-heading h1{margin:8px 0 7px;font-size:25px;letter-spacing:-.03em}.auth-heading p{margin:0;color:#7f8780;font-size:13px;line-height:1.55}.auth-form label{display:grid;gap:7px;color:#959d96;font-size:12px}.auth-form label[hidden]{display:none}.auth-form input{width:100%;border:1px solid #343a35;border-radius:10px;background:#0e100f;color:#edf0ed;padding:12px 13px;font:14px inherit;outline:none}.auth-form input:focus{border-color:#6ca77a;box-shadow:0 0 0 3px #5d9d6c18}.auth-form button{margin-top:5px;border:0;border-radius:10px;background:#d8eadc;color:#142018;padding:13px;font-weight:750;cursor:pointer}.auth-form button:disabled{opacity:.55}.auth-error{min-height:18px;color:#ff958d;font-size:12px}.auth-foot{display:block;margin-top:20px;color:#555d56;font-size:10px;line-height:1.5}.logout{display:block;margin-top:10px;border:0;background:transparent;color:#7b847d;padding:0;font-size:11px;cursor:pointer}.logout:hover{color:#d6ddd7}