.login-screen-backdrop{position:fixed;inset:0;background:#2a5693;display:grid;place-items:center;z-index:9999}.login-screen{position:relative;width:550px;border:none;border-radius:var(--start-radius);overflow:hidden;background-color:var(--xp-title-start);box-shadow:var(--space-2) var(--space-2) 8px #00000059,0 0 0 1px var(--xp-title-end);padding:var(--space-2)}.login-screen:after{content:"";position:absolute;height:var(--space-6);top:0;left:0;right:0;background:linear-gradient(to bottom,rgba(255,255,255,.45) 0%,transparent 50%);box-shadow:inset 0 5px 6px #ffffff73;opacity:.8;z-index:2;pointer-events:none}.login-title{position:relative;height:32px;display:flex;align-items:center;border-radius:var(--window-radius-md) var(--window-radius-md) 0 0;padding:0 var(--space-6);background:linear-gradient(to bottom,var(--xp-taskbar-bottom) 50%,var(--xp-taskbar-top) 80%)}.login-title:after{content:"";position:absolute;bottom:0;left:0;right:0;height:28px;background:linear-gradient(to bottom,transparent 87%,var(--xp-title-end) 100%);opacity:.7;z-index:1}.login-title h2{margin:0;color:var(--xp-title-text);font-size:var(--font-size-2xl);font-weight:700}.login-logos{min-height:135px;display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(to bottom,#7fa4ed,#5c8fe6 40%,#3f73d8);padding:22px var(--space-5) var(--space-1);color:var(--xp-title-text);border-bottom:5px solid transparent;border-image:linear-gradient(90deg,var(--xp-title-mid) 0%,var(--xp-title-mid) 8%,var(--xp-accent-end) 25%,var(--xp-accent-mid) 50%,var(--xp-accent-end) 75%,var(--xp-title-mid) 92%,var(--xp-title-mid) 100%) 1}.copy{display:flex;flex-direction:column;font-size:var(--font-size-sm);line-height:1.2;letter-spacing:1.1px;margin-bottom:var(--space-3);color:var(--xp-menu-right-top);justify-content:flex-end}.company{margin-left:auto;align-self:flex-end;font-size:15px;margin-bottom:var(--space-3);font-style:italic;color:var(--xp-title-text);font-weight:700}.logo{transform:scale(1.04);position:relative;width:275px;bottom:28px;margin:0 auto}.xp-logo{position:absolute;width:82px;height:auto;top:calc(-1 * var(--space-6));left:calc(-1 * var(--space-6));image-rendering:pixelated;pointer-events:none;filter:drop-shadow(1px 1px 1px var(--xp-shadow-light))}.logo .top,.logo .mid,.logo .bottom{margin-left:76px}.logo p{margin:0;padding:0}.top{font-size:var( --font-size-md);font-weight:300;line-height:1;letter-spacing:1.2px;color:var(--xp-menu-right-top)}.logo .top{margin-bottom:-5px}.top:after{content:"®";font-size:4px;position:relative;top:-5px;margin-left:1px;font-family:inherit}.mid{font-size:32px;letter-spacing:1.4px;font-weight:700;line-height:1.1}.mid span{font-size:var(--font-size-3xl);display:inline-block;vertical-align:top;color:#ff6821;text-shadow:1px 1px 1px var(--xp-shadow-light);font-weight:400;margin-top:calc(-1 * var(--space-5))}.logo .bottom{font-size:18px;font-weight:300;line-height:1;white-space:nowrap;letter-spacing:1.2px;color:var(--xp-menu-right-top)}.tm{position:absolute;font-size:var(--font-size-xs);top:53px;left:60px;color:var(--xp-menu-right-top)}.reg-mark{font-size:4px;font-weight:300;vertical-align:super;color:var(--text-inverted);position:relative;top:-8px}.login-body{display:flex;flex-direction:column;padding:34px 28px var(--space-10);gap:16px;background:var(--xp-surface)}.log-user,.password{display:flex;gap:var(--space-8)}.log-user label,.password label{width:90px;font-size:var(--font-size-lg)}.log-user input,.password input{width:300px;height:var(--space-10);font-size:var(--font-size-lg);background:var(--xp-line-light);border:1px solid var(--xp-title-start);padding:0 var(--space-2);outline:none}.login-buttons{display:flex;justify-content:flex-end;gap:var(--space-8);margin-top:var(--space-7)}.login-buttons button{min-width:82px;height:23px;padding:0 var(--space-7);font-size:var( --font-size-md);color:var(--text);cursor:default;border:1px solid var(--xp-title-start);border-radius:var(--window-radius-sm);background:linear-gradient(to bottom,var(--xp-line-light) 0%,var(--xp-line-light) 35%,var(--xp-surface) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--xp-title-mid) 45%,var(--xp-line-light) 55%),0 0 0 1px color-mix(in srgb,var(--xp-title-mid) 65%,var(--xp-line-light) 35%)}.login-buttons button:focus-visible{outline:1px dotted var(--text);outline-offset:calc(-1 * var(--space-3))}.login-buttons button:active{transform:none;background:linear-gradient(to bottom,var(--xp-surface),var(--xp-line-light))}.login-buttons button:disabled{color:var(--xp-line-dark);background:var(--xp-menu-glow-center);border:1px solid var(--xp-line-mid);box-shadow:inset 0 0 0 1px var(--xp-line-mid);opacity:1;pointer-events:none}