/* Full-screen Windows-inspired lock and sign-in sequence. */
.intro.signin-opening{background:#09152e;color:#fff;font-family:'Segoe UI',Manrope,sans-serif;isolation:isolate;transform:none}
.signin-wallpaper{position:absolute;inset:-24px;background:#112b57 url('/assets/windows/bloom-dark.jpg') center/cover no-repeat;transform:scale(1.025);transition:filter .8s ease,transform 1.1s cubic-bezier(.16,1,.3,1);will-change:transform,filter;z-index:-2}
.signin-wallpaper:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07153018,#07153000 40%,#03102966);transition:background .8s}
.signin-opening:not([data-phase=locked]) .signin-wallpaper{filter:blur(13px);transform:scale(1.07)}
.signin-shade{position:absolute;inset:0;background:#06163400;transition:background .8s;z-index:-1}
.signin-opening:not([data-phase=locked]) .signin-shade{background:#071a3b36}
.lock-clock{position:absolute;top:17.5%;left:20px;right:20px;text-align:center;display:flex;flex-direction:column;align-items:center;opacity:1;transform:translateY(0);transition:opacity .45s ease,transform .7s cubic-bezier(.16,1,.3,1);text-shadow:0 2px 20px #00163b25}
.lock-clock time{font-size:clamp(72px,8vw,108px);font-weight:600;line-height:1.12;letter-spacing:-.045em}
.lock-clock>span{font-size:clamp(16px,1.8vw,21px);font-weight:500;margin-top:11px;letter-spacing:.005em}
.lock-hint{font-size:12px!important;font-weight:400!important;color:#d7e8ffe0;margin-top:35px!important;display:flex;align-items:center;gap:8px}
.lock-hint svg{width:13px;height:15px}
.signin-opening:not([data-phase=locked]) .lock-clock{opacity:0;transform:translateY(-75px);pointer-events:none}
.signin-profile{position:absolute;left:20px;right:20px;top:50%;display:flex;align-items:center;flex-direction:column;transform:translateY(calc(-50% + 28px));opacity:0;transition:opacity .6s ease .12s,transform .7s cubic-bezier(.16,1,.3,1) .08s;text-align:center}
.signin-opening:not([data-phase=locked]) .signin-profile{opacity:1;transform:translateY(-50%)}
.signin-avatar{width:128px;height:128px;border-radius:50%;background:linear-gradient(145deg,#d5e7f22e,#bacfe12b);display:grid;place-items:center;border:1px solid #f0f7ff17;box-shadow:inset 0 1px 1px #e6f4ff20,0 10px 45px #00143d15}
.signin-avatar svg{width:69px;height:69px;fill:#e2eaf3;filter:drop-shadow(0 1px 1px #102f5c20)}
.signin-name{font-weight:500;letter-spacing:-.02em;font-size:30px;margin:17px 0 24px;line-height:1.2;max-width:85vw;overflow-wrap:anywhere;text-shadow:0 2px 12px #071a3b20}
.signin-password-area{position:relative;width:292px;max-width:100%;height:76px;transition:opacity .35s,transform .45s}
.signin-password{height:42px;display:flex;align-items:center;text-align:left;padding:0 12px 0 13px;border:1px solid #e2edff90;border-bottom:2px solid #9cc6ff;background:#ffffffed;color:#15304d;border-radius:4px;box-shadow:0 3px 12px #061b3d15;position:relative}
.password-placeholder{position:absolute;left:13px;color:#6d7988;font-size:13px;transition:opacity .12s}
.has-password .password-placeholder{opacity:0}
.password-mask{font-family:'Segoe UI',sans-serif;font-size:22px;line-height:1;letter-spacing:3px;transform:translateY(3px);min-height:22px}
.password-caret{height:17px;width:1px;background:#285b88;margin-left:1px;animation:signinCaret .9s steps(1) infinite}
.signin-opening[data-phase=locked] .password-caret{visibility:hidden}
.password-arrow{width:29px;height:29px;border-radius:3px;display:grid;place-items:center;color:#4c627b;margin-left:auto;flex-shrink:0;background:#dfe9f170}
.password-arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.signin-options{display:block;font-size:11px;color:#dbe8ffc9;margin-top:17px;letter-spacing:.01em}
.signin-welcome{position:absolute;top:calc(50% + 110px);left:0;right:0;display:flex;align-items:center;justify-content:center;gap:12px;font-size:19px;opacity:0;transform:translateY(8px);transition:opacity .35s .1s,transform .45s .1s;pointer-events:none}
.welcome-spinner{width:23px;height:23px;border:2px solid #d8eaff2b;border-top-color:#fff;border-left-color:#e9f3ffb3;border-radius:50%;animation:signinSpin .85s linear infinite}
.signin-opening[data-phase=welcome] .signin-password-area{opacity:0;transform:translateY(-6px)}
.signin-opening[data-phase=welcome] .signin-welcome{opacity:1;transform:translateY(0)}
.signin-corner{position:absolute;bottom:29px;left:34px;display:flex;align-items:center;gap:9px;color:#e2eeffba;font-size:13px;font-weight:500;letter-spacing:-.015em}
.signin-corner img{width:24px;height:24px;border-radius:6px;box-shadow:0 2px 8px #001a4c33}
.signin-controls{position:absolute;right:31px;bottom:25px;display:flex;align-items:center;gap:18px;color:#e5f0ffcb}
.signin-symbol{display:grid;place-items:center;width:18px;height:23px}
.signin-symbol svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.signin-skip{font-family:inherit;font-size:11px;color:#e9f3ffdc;padding:9px 13px;border:1px solid #d7eaff36;border-radius:4px;background:#0d2d5d22;transition:background .2s,border-color .2s;display:flex;align-items:center;gap:14px;margin-left:2px}
.signin-skip:hover{background:#d5e8ff21;border-color:#d7eaff70}
.signin-skip:focus-visible{outline:2px solid #d9ecff;outline-offset:4px}
.signin-skip svg{width:13px;height:13px}
.intro.signin-opening.leaving{opacity:0;transform:none;transition:opacity .6s ease;pointer-events:none}
.signin-opening.leaving .signin-wallpaper{transform:scale(1.1)}
.opening-description{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes signinCaret{50%{opacity:0}}
@keyframes signinSpin{to{transform:rotate(360deg)}}
@media(max-width:700px){.lock-clock{top:21%}.lock-clock time{font-size:72px}.lock-clock>span{font-size:17px}.signin-avatar{width:111px;height:111px}.signin-avatar svg{width:60px;height:60px}.signin-name{font-size:27px;margin-top:17px;margin-bottom:24px}.signin-profile{top:47%}.signin-password-area{width:272px}.signin-welcome{top:calc(47% + 106px)}.signin-corner{left:22px;bottom:27px;font-size:12px;gap:7px}.signin-corner img{width:22px;height:22px}.signin-controls{right:20px;bottom:22px;gap:13px}.signin-controls .signin-symbol{display:none}.signin-skip{font-size:10px;padding:9px 11px;gap:10px}}
@media(max-height:520px){.lock-clock{top:13%}.lock-clock time{font-size:62px}.lock-hint{margin-top:18px!important}.signin-profile{top:44%}.signin-avatar{width:78px;height:78px}.signin-avatar svg{width:43px;height:43px}.signin-name{font-size:24px;margin:11px 0 17px}.signin-welcome{top:calc(44% + 77px)}.signin-corner{bottom:18px}.signin-controls{bottom:13px}}