*{box-sizing:border-box}body{margin:0;background:#252535;color:#e8e8ef;font:16px Arial,sans-serif;min-height:100vh;display:grid;place-items:center;padding:30px 20px}main{width:min(560px,100%)}h1{text-align:center;font-size:clamp(30px,5vw,44px);line-height:1.25;margin:4px 0 55px}label{display:block;text-align:right;font-size:22px;margin:30px 0 10px}input{width:100%;height:52px;border:0;border-bottom:1px solid #67677f;border-radius:4px 4px 0 0;background:#38384d;color:#eee;font:20px Arial;padding:10px 16px;direction:ltr}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #b2bbf3;outline-offset:4px}.password-field{position:relative}.password-field input{padding-left:56px}#toggle-password{position:absolute;left:10px;top:10px;background:transparent;border:0;color:#a9aaba;cursor:pointer;padding:5px}svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}button,a{font:inherit}.login-button{display:flex;align-items:center;justify-content:center;gap:12px;width:min(380px,100%);min-height:62px;margin:18px auto 0;padding:12px 18px;border:1px solid #9298bc;border-radius:34px;background:#2d2d41;color:#ededf6;text-decoration:none;cursor:pointer;font-size:23px;text-align:center}.login-button.primary{background:linear-gradient(100deg,#ad293c,#d43825);border-color:transparent;font-size:28px;font-weight:bold;margin-top:48px}.login-button:disabled{opacity:.55;cursor:wait}.separator{display:flex;align-items:center;gap:24px;margin:28px 0;color:#ddd}.separator:before,.separator:after{content:'';height:1px;background:#515166;flex:1}.status{color:#f0a9a9;line-height:1.5;text-align:center;font-size:14px;margin:10px 0}.status:empty{display:none}.intro{text-align:center;font-size:20px;line-height:1.6;margin:0 0 25px}#qr-panel h1{margin-bottom:25px}.qr-image-wrap{position:relative;width:160px;height:160px;margin:28px auto}#qr-image{display:block;width:160px;height:160px;image-rendering:pixelated}.qr-image-wrap.expired #qr-image{opacity:.22}#qr-refresh{position:absolute;inset:54px;border:0;border-radius:50%;background:#fff;color:#d43835;font-size:38px;line-height:1;cursor:pointer}#qr-refresh[hidden],[hidden]{display:none!important}.qr-countdown{display:flex;justify-content:center;align-items:center;gap:10px;font-size:22px}.countdown-ring{position:relative;width:52px;height:52px;display:grid;place-items:center;direction:ltr}.countdown-ring svg{position:absolute;inset:0;width:52px;height:52px;transform:rotate(-90deg)}.countdown-ring circle{fill:none;stroke:#d43c37;stroke-width:4;stroke-dasharray:138.23;stroke-dashoffset:0}.countdown-ring .ring-track{stroke:#555567;stroke-dasharray:none}.countdown-ring b{font-size:23px}#qr-expired{text-align:center;font-size:24px;cursor:pointer}.qr-notes{border-top:1px solid #515166;margin:30px 0 20px;padding:20px 24px 0 0;color:#b5b6c8;line-height:1.7;font-size:16px}.qr-notes li{padding-right:5px;margin-bottom:9px}.qr-notes li::marker{color:#df4945}#qr-back{font-size:19px;width:100%}@media(max-width:500px){body{padding:24px 18px}h1{margin-bottom:32px}label{font-size:19px;margin-top:22px}.login-button{font-size:20px;min-height:56px}.intro{font-size:17px}.qr-countdown{font-size:19px}.qr-notes{font-size:14px}}