:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:dark;background:#343d4d;color:#f6f7fc;font-size:16px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#343d4d}html:has(body.light),body.light{background:#dbe0ef;color-scheme:light;color:#26354c}body{min-height:100dvh;background:linear-gradient(180deg,#515c6c,#343d4d)}body.light{background:linear-gradient(180deg,#eef1fa,#dbe0ef)}[hidden]{display:none!important}#login{max-width:510px;margin:0 auto;padding:calc(28px + env(safe-area-inset-top,0px)) 24px calc(26px + env(safe-area-inset-bottom,0px));text-align:center}header img{border-radius:50%;box-shadow:0 4px 15px #11192c22}h1{font-size:32px;line-height:1.3;margin:10px 0 26px;font-weight:500}.eyebrow{font-size:13px;line-height:1.5;margin:16px 0 0;color:#d4daea}.light .eyebrow{color:#596b86}.card{background:linear-gradient(180deg,#edf4ff44,#edf4ff21);border:1px solid #a0acc2;border-radius:26px;padding:26px 22px;box-shadow:inset 0 1px 1px #ffffff55,0 12px 24px #07101f52,0 3px 7px #0c162b2e}.light .card{background:linear-gradient(180deg,#edf4ffab,#edf4ff59);border-color:white;box-shadow:inset 0 1px 1px #fffffff2,0 12px 25px #58618a38,0 3px 8px #666b9121}.shield{height:54px;width:54px;padding:12px;color:#b5a1ed;margin:0 auto;background:none}svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}h2{font-size:24px;line-height:1.4;margin:16px 0 10px}p{line-height:1.6}#gateHelp{font-size:15px;color:#d4daea}.light #gateHelp{color:#596b86}button,input{font:inherit;color:inherit}button{display:block;width:100%;padding:15px 12px;margin:10px 0;min-height:48px;border-radius:18px;background:linear-gradient(180deg,#edf4ff44,#edf4ff21);border:1px solid #a0acc2;cursor:pointer;font-weight:500;line-height:1.4}.light button{background:linear-gradient(180deg,#edf4ffab,#edf4ff59);border-color:white}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible{outline:2px solid #b5a1ed;outline-offset:4px}label{display:block;text-align:center;font-size:14px;line-height:1.5;font-weight:500;margin:20px 0 8px}input{display:block;width:100%;min-width:0;padding:14px;border:1px solid #a0acc2;border-radius:17px;font-size:23px;letter-spacing:5px;text-align:center;background:#edf4ff21}.light input{background:#edf4ff59;border-color:white}#gateStatus{font-size:14px;line-height:1.6;color:#62cba0;min-height:26px;overflow-wrap:anywhere}.light #gateStatus{color:#287659}small{display:block;font-size:12px;line-height:1.7;opacity:.9}footer{margin-top:26px;color:#d4daea;font-size:13px;line-height:1.6}footer span{display:block;font-size:11px;margin-top:5px}.light footer{color:#596b86}#workspaceHost:empty{display:none}#appFrame{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);bottom:env(safe-area-inset-bottom,0px);width:100%;height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border:0;display:block;background:#343d4d}.light #appFrame{background:#dbe0ef}body.open{overflow:hidden;overscroll-behavior:none;background:#343d4d}body.open.light{background:#dbe0ef}body.open #login{display:none}
