:root{
  --tx-blue:#0090ff;
  --text:#fff;
  --muted:#838383;
  --input-background:rgba(20,20,20,.70);
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
button,input{font:inherit;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}
button{-webkit-tap-highlight-color:transparent}
.hidden{display:none!important}
.loader-shell{position:fixed;inset:0;overflow:hidden;background:#000;color:#fff;text-align:center;z-index:99999;background-image: url(assets/envelops.png);background-repeat: repeat;background-size: 60vh auto;}
.loader-shell:before{content:"";position:absolute;inset:0;pointer-events:none}
.original-brand{z-index:5;position:absolute;top:5vh;left:0;width:100vw;text-align:center;font-weight:300;user-select:none;color:rgb(131,131,131);}
.brand-row{display:flex;align-items:center;justify-content:center;height:7vh}
.bracket{font-size:5vh;font-weight:200;line-height:1}
.brand-name{padding:1.6vh 2vh;font-size:3vh;font-weight:300;letter-spacing:.02em}
.tag{font-size:1.5vh;margin-top:-2vh;font-weight:300}
.load-panel{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:min(320px,76vw);z-index:5}
.status{font-size:12px;color:#7f8790;margin-bottom:12px}
.progress{height:2px;background:#191919;overflow:hidden}
.progress>div{height:100%;width:8%;background:#0090ff;transition:width .25s ease}
.auth-panel{position:absolute;display:block;top:calc(45vh - 60px);left:0;width:100vw;height:35vh;text-align:center;z-index:10}
#auth-form{margin:0}
.ilogin{display:block;width:200px;height:30px;margin:0 auto;border:0;border-radius:15px;background:var(--input-background);color:#838383;text-align:center;font-size:16px;outline:none;box-shadow:none;transition:color .2s,box-shadow .2s}
.ilogin:focus{color:#0090ff;box-shadow:0 0 14px rgba(0,144,255,.13)}
.field-gap{height:2em}
.newloginbtn{display:block;width:150px;height:38px;margin:0 auto 22px;border:1px solid #0090ff;border-radius:19px;background:transparent;color:#0090ff;box-shadow:0 0 15px #0090ff42;text-shadow:0 0 10px #0090ff42;cursor:pointer;font-size:14px;font-weight:400}
.newloginbtn:active{background:#0090ff20}
.loginlink{color:#838383;font-size:12px;text-decoration:none;background:none;border:0;padding:0;margin:0;cursor:pointer}
.loginlink:hover{color:#0090ff}
.link-button{appearance:none;-webkit-appearance:none}
.error{display:block;color:#c44!important;min-height:18px;margin-top:12px;padding:0 20px}
.pin-panel{position:absolute;inset:0;z-index:12;text-align:center;overflow:hidden}
.pin-display-wrap{position:absolute;z-index:15;top:15vh;left:0;width:100%}
.pin-title{font-size:13px;color:#a4a4a4;margin-bottom:12px}
.pin-display{display:inline-flex;align-items:center;justify-content:center;min-width:200px;height:34px;padding:0 16px;border-radius:17px;background:rgba(20,20,20,.70);color:#fff;letter-spacing:7px;font-size:18px;white-space:nowrap;overflow:hidden}
.pin-display:empty{display:none}
.pin-subtitle{font-size:10px;color:#555;margin-top:7px}
.passcodeinput{width:100vw;height:58vh;display:block;position:absolute;top:20vh;left:0;margin:1vh 0;z-index:14}
.passcoderow{width:100%;height:12vh;margin-top:1vh;display:flex;align-items:center;justify-content:center}
.passcodekey{width:10vh;height:10vh;display:inline-flex;align-items:center;justify-content:center;border-radius:7vh;border:1px solid #404040;margin:1vh;overflow:hidden;box-shadow:0 0 10px #ffffff24;background:rgba(255,255,255,.015);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);font-size:5vh;font-weight:300;color:#fff;transition:background .16s,border-color .16s,transform .08s;cursor:pointer;touch-action:manipulation}
.passcodekey:active,.passcodekey.pressed{background:#ffffff40;border-color:#666;transform:scale(.97)}
.passcodekey-blank{border-color:transparent;box-shadow:none;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.passcode-delete{border-color:transparent;box-shadow:none;background:none;color:#505050;font-size:7vh;line-height:1;padding-bottom:1vh}
.pin-action{position:absolute;z-index:16;top:79vh;left:50%;transform:translateX(-50%);width:150px;height:38px;border:1px solid #fff;border-radius:19px;background:transparent;color:#fff;box-shadow:0 0 15px #ffffff66;text-shadow:0 0 10px #ffffff66;font-size:13px;cursor:pointer}
.pin-action[hidden]{display:none}
.pin-action:disabled{opacity:.28;cursor:default}
.pin-cancel{position:absolute;z-index:16;top:87vh;left:50%;transform:translateX(-50%);white-space:nowrap;color:#838383}
.pin-error{position:absolute;z-index:16;top:91vh;left:0;width:100%;margin:0}
@media (max-height:620px){.original-brand{top:2vh}.pin-display-wrap{top:9vh}.passcodeinput{top:17vh}.pin-action{top:80vh}.pin-cancel{top:89vh}.passcodekey{width:9vh;height:9vh;font-size:4vh}.passcoderow{height:11vh}}