*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{background:#01060e;background:radial-gradient(ellipse at 50% 35%,#052344 0,#020915 52%,#000207 100%);color:#edf5ff;font-family:Arial,sans-serif;overflow:hidden}button,input{font-family:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.edge{position:fixed;width:70%;height:130px;pointer-events:none;background:linear-gradient(170deg,#001132,#0045dc 56%,#00ccff 57%,#063a93 58%,#000815 61%);opacity:.65;transform:rotate(-24deg)}.edge-top{top:-130px;left:-16%}.edge-bottom{bottom:-150px;right:-12%;transform:rotate(-24deg) scaleY(-1)}
.welcome-screen{position:absolute;width:1440px;height:900px;left:50%;top:50%;margin-left:-720px;margin-top:-450px;transform-origin:50% 50%}.welcome-brand{height:224px;position:relative;text-align:center}.brand-crop{position:relative;overflow:hidden;width:560px;height:220px;margin:0 auto;display:flex;align-items:center;justify-content:center}.brand-crop img{position:static;max-width:100%;max-height:100%;width:auto;height:auto}.access-card{display:flex;align-items:stretch;width:1140px;min-height:478px;margin:0 auto;padding:29px 42px 20px;border:1px solid #078bfa;border-radius:34px;background:#020915;background:linear-gradient(135deg,rgba(4,13,29,.97),rgba(0,3,9,.98));box-shadow:0 0 0 1px rgba(8,128,244,.14),0 22px 70px rgba(0,0,0,.7),inset 0 1px 0 rgba(29,145,255,.1)}.access{width:615px;flex:1;min-width:0;margin:0;padding-right:40px}.access-heading{display:flex;align-items:center;font-size:24px;line-height:1.22;letter-spacing:.2px;margin:0 0 18px;color:#e8f1ff}.access-heading>svg{width:43px;height:48px;margin-right:23px;color:#02bdfa;stroke-width:1.9}.access-heading strong{color:#00cafa}.access-field{position:relative;width:100%;height:70px;margin:0 0 10px;border:1px solid #385c9d;border-radius:20px;background:#060e1c;background:linear-gradient(135deg,#0c1421,#030a14);box-shadow:inset 0 2px 6px rgba(255,255,255,.05)}.access-field>svg{position:absolute;left:22px;top:22px;width:32px;height:33px;color:#02b8ff}.access-field label{position:absolute;top:13px;left:77px;color:#a8b9d3;font-weight:700;font-size:16px;letter-spacing:.4px;pointer-events:none}.access-field label span{font-size:11px;font-weight:400;color:#8ca1be}.access-field input{display:block;width:100%;height:100%;margin:0;padding:30px 24px 7px 77px;border:0;border-radius:20px;background:transparent;color:#f1f7ff;font-size:21px;outline:0;-moz-appearance:textfield;box-shadow:none}.access-field input::-webkit-inner-spin-button,.access-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.access-field input::placeholder{color:#8a9ebc;opacity:1}.access-field input:focus{box-shadow:0 0 0 2px #00c9ff,0 0 20px rgba(0,126,255,.22);background:rgba(7,39,71,.25)}.password-field input{padding-right:68px}.eye-button{position:absolute;top:13px;right:12px;width:44px;height:48px;border:0;background:transparent;color:#7388a6;border-radius:10px;padding:10px}.eye-button svg{width:24px;height:24px}.enter-button{width:100%;height:60px;display:flex;align-items:center;justify-content:center;margin:15px 0 0;border:1px solid #169dfd;border-radius:21px;background:#0068f5;background:linear-gradient(180deg,#008aff,#0037db);box-shadow:inset 0 1px 1px rgba(255,255,255,.3),0 8px 24px rgba(0,48,175,.2);color:#fff;font-size:26px;font-weight:800;letter-spacing:.5px}.enter-button svg{width:30px;height:30px;margin-right:19px;stroke-width:2.3}.access-status{margin:12px 0 0;min-height:22px;font-size:14px;line-height:1.35;color:#96adc9;text-align:center}.access-status.error{color:#ffb1b1}.qr-panel{width:342px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 0 0 39px;border-left:1px solid #07366c}.qr-frame{padding:8px;border:2px solid #1269ff;border-radius:23px;background:linear-gradient(140deg,#0079ff,#07194e 55%,#8633eb);box-shadow:0 0 0 3px rgba(5,119,255,.16),0 0 22px rgba(0,90,255,.25)}.qr-white{background:#fff;padding:9px;border-radius:12px;width:228px;height:228px;display:flex;align-items:center;justify-content:center;overflow:hidden}#activation-qr{display:block;width:210px;height:210px;image-rendering:pixelated}.qr-placeholder{font-size:15px;line-height:1.5;color:#28476c;text-align:center}.qr-loading{display:block;width:28px;height:28px;border:3px solid #d3e7ff;border-top-color:#0873f9;border-radius:50%;margin:0 auto 14px;animation:loading 1s linear infinite}.mac-plate{width:270px;text-align:center;padding:10px 6px 8px;margin-top:10px;border:1px solid #133965;border-radius:10px;background:#041020}.mac-plate span{display:block;font-size:11px;color:#9cb0cb;letter-spacing:1.4px;margin-bottom:4px}.mac-plate strong{display:block;font-family:Consolas,'Courier New',monospace;font-size:23px;font-weight:700;letter-spacing:.3px;color:#c8f3ff;white-space:nowrap}.qr-heading{text-align:center;font-size:15px;line-height:1.45;margin:12px 0 0;font-weight:700;color:#e6f1ff}.qr-heading strong{color:#00caff}.qr-status{font-size:12px;text-align:center;line-height:1.4;color:#8da6c6;margin:8px 0 0;min-height:32px;max-width:280px}.qr-status.error{color:#ffb4b4}.text-button{border:0;background:transparent;color:#a8c6e9;font-size:13px;line-height:1.3;padding:6px 9px;border-radius:6px}#refresh-qr{margin-top:1px;color:#4cbbff;font-size:12px}.access-options{display:flex;justify-content:center;align-items:center;height:37px;margin-top:4px;color:#44648b}.access-options .text-button{font-size:13px;padding:7px 15px}.benefits{display:flex;width:870px;margin:12px auto 0;align-items:center;justify-content:space-between}.benefits>div{width:25%;display:flex;align-items:center;justify-content:center;border-left:1px solid #09509a;padding:0 12px}.benefits>div:first-child{border-left:0}.benefits svg{width:34px;height:36px;color:#00a9ff;margin-right:14px}.benefits span{font-size:15px;font-weight:700;line-height:1.3;white-space:nowrap}.benefits small{color:#a2b4ce;font-size:13px}.welcome-tagline{height:34px;margin-top:19px;display:flex;align-items:center;justify-content:center;color:#9fb0c9;font-size:13px;letter-spacing:5px}.welcome-tagline span{height:1px;width:90px;background:#007df2;margin:0 28px}button:focus{outline:3px solid #d8f9ff;outline-offset:3px}button:active{filter:brightness(1.15)}
#privacy{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#05101f;padding:32px;display:none;flex-direction:column}#privacy h2{margin:0 0 16px;font-size:28px}#privacyText{overflow:auto;flex:1;text-align:left;font-size:23px;line-height:1.55;padding:0 12px 20px}#privacyText p{margin:14px 0;color:#dbe9fa}#privacy button{flex-shrink:0;width:420px;max-width:100%;height:56px;align-self:center;border:1px solid #198dff;border-radius:12px;background:#075acb;color:#fff;font-size:21px;font-weight:700}a{color:#8abfff}@keyframes loading{to{transform:rotate(360deg)}}
body.portrait{height:auto;min-height:100%;overflow:auto}.portrait .welcome-screen{position:relative;left:auto;top:auto;width:100%;height:auto;margin:0 auto;padding:0 16px 28px;max-width:700px;transform:none!important}.portrait .welcome-brand{height:43vw;max-height:280px}.portrait .brand-crop{width:100%;height:100%}.portrait .brand-crop img{position:static;width:auto;height:auto;max-width:100%;max-height:100%}.portrait .access-card{width:100%;min-height:0;display:block;padding:25px 20px;border-radius:24px}.portrait .access{width:100%;padding:0}.portrait .access-heading{font-size:20px;margin-bottom:20px}.portrait .access-heading>svg{width:32px;height:38px;margin-right:17px}.portrait .access-field{height:72px}.portrait .access-field>svg{left:16px;width:27px;height:29px}.portrait .access-field input{padding-left:60px;font-size:17px}.portrait .access-field label{left:60px;font-size:14px}.portrait .access-field label span{font-size:9px}.portrait .enter-button{height:59px;font-size:23px}.portrait .qr-panel{width:100%;border:0;border-top:1px solid #113358;margin-top:25px;padding:28px 0 0}.portrait .access-options{height:auto;flex-wrap:wrap;padding:8px 0}.portrait .access-options .text-button{font-size:11px;padding:8px}.portrait .benefits{width:100%;margin:16px 0 0}.portrait .benefits>div{display:block;text-align:center;padding:0 4px}.portrait .benefits svg{width:29px;height:30px;margin:0 auto 6px;display:block}.portrait .benefits span{font-size:10px}.portrait .benefits small{font-size:9px}.portrait .welcome-tagline{font-size:9px;letter-spacing:2px;margin-top:20px}.portrait .welcome-tagline span{width:22px;margin:0 12px}.portrait #privacy{padding:20px}.portrait #privacy h2{font-size:21px}.portrait #privacyText{font-size:17px}