.login-experience{--login-blue:#6060a9;--login-navy:#0b1830;--login-ink:#f5f9ff;--login-muted:#d8e4ef;--login-field:#0b18303d;--login-line:#bed5ee38;--login-glass:linear-gradient(135deg,#c9ddf312,#0b18304d 42%,#07132652);--login-glass-border:#d6e3f53d;--login-glass-shadow:0 25px 60px #0308123d,inset 0 1px 0 #ffffff14;--login-error:#ffd1df;--login-background:linear-gradient(90deg,#fff 0%,#fff 38%,#f4f5f8 40.5%,#d6dde8 44%,#99a6bc 48%,#4d5e79 52%,#1b2c48 55%,var(--login-navy) 58.5%,var(--login-navy) 100%);isolation:isolate;width:100%;height:100svh;height:var(--login-viewport,100dvh);min-height:290px;color:var(--login-ink);background:var(--login-background);position:relative;overflow-x:clip}.login-experience[data-theme=dark]{--login-glass:linear-gradient(135deg,#c9ddf309,#0b183057 42%,#07132666);--login-glass-border:#d6e3f533}@media (prefers-color-scheme:dark){.login-experience[data-theme=system]{--login-glass:linear-gradient(135deg,#c9ddf309,#0b183057 42%,#07132666);--login-glass-border:#d6e3f533}}.login-content{direction:ltr;grid-template-columns:52% 48%;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.login-art{place-items:center;min-width:0;height:100%;display:grid;position:relative}.login-center-logo{width:79%;max-width:410px;height:auto;display:block;position:relative}.login-side{direction:ltr;justify-content:center;align-items:center;min-width:0;padding:88px 42px 45px 28px;display:flex;position:relative}.login-plane{pointer-events:none;background:linear-gradient(90deg,#0000,#6060a90d 27%,#6060a933 65%,#0000);width:150%;height:1px;position:absolute;bottom:16%;left:-25%;transform:rotate(-13deg)}.login-experience[dir=rtl] .login-side{direction:rtl}.login-tools{top:max(28px,env(safe-area-inset-top));left:max(30px,env(safe-area-inset-left));right:max(30px,env(safe-area-inset-right));z-index:4;direction:ltr;justify-content:space-between;align-items:center;display:flex;position:absolute}.login-themes{gap:4px;display:flex}.login-theme-button,.login-locale{min-width:44px;height:44px;color:var(--login-navy);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;padding:0 12px;font-size:.875rem;font-weight:500;display:grid}.login-theme-button[aria-pressed=true]{background:#0b183012;border-color:#0b18303d}.login-locale{color:#dae6f2;background:#0b183040;border-color:#b0c6e030}.login-entry{border:1px solid var(--login-glass-border);border-top-color:#e8f3ff61;background:var(--login-glass);-webkit-backdrop-filter:blur(24px)saturate(105%);width:100%;max-width:370px;box-shadow:var(--login-glass-shadow);border-inline-start-color:#c8ddf147;border-radius:24px;padding:33px 30px 30px;position:relative}.login-entry:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#cae0faa6,#0000);width:52%;height:1px;position:absolute;top:-1px;left:18%}.login-experience .login-entry h1{color:var(--login-ink);text-align:start;margin:0 0 28px;font-size:1.625rem;font-weight:500;line-height:1.3;position:relative}.login-experience .login-entry-form{grid-template-columns:1fr;gap:22px;display:grid;position:relative}.login-field{gap:9px;min-width:0;display:grid}.login-experience .login-field label{color:var(--login-muted);font-size:.875rem;font-weight:500;line-height:1.5}.login-experience .login-field input{-webkit-appearance:none;appearance:none;border:1px solid var(--login-line);background:var(--login-field);width:100%;height:51px;min-height:44px;color:var(--login-ink);caret-color:#93b3dc;border-radius:11px;padding:0 14px;font-size:1rem;line-height:1.5;display:block;box-shadow:inset 0 1px 3px #00000014}.login-experience .login-field input:focus{outline-offset:2px;border-color:#9cefff;outline:2px solid #83deed}.login-password-control{position:relative}.login-experience .login-password-control input{padding-right:53px}.login-password-toggle{color:#b7c9dd;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:3px;right:4px}.login-experience[dir=rtl] .login-password-toggle{left:4px;right:auto}.login-experience[dir=rtl] .login-password-control input{padding-left:53px;padding-right:15px}.login-experience .login-submit{background:var(--login-blue);color:#fff;cursor:pointer;border:1px solid #d3d3ff24;border-radius:11px;justify-content:center;align-items:center;width:100%;min-height:51px;margin:5px 0 0;font-size:1rem;font-weight:500;line-height:1.5;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 20px #050e1d2b,inset 0 1px #e1ecff14}.login-experience .login-submit:disabled{opacity:.73;cursor:default}.login-experience .login-submit:not(:disabled):hover{filter:brightness(1.07)}.login-experience .login-error{color:var(--login-error);background:var(--login-field);text-align:center;border-radius:8px;margin:0;padding:8px 10px;font-size:.875rem;line-height:1.5}.login-locale:focus-visible{outline-offset:3px;outline:2px solid #83deed}.login-theme-button:focus-visible{outline-offset:3px;outline:2px solid #83deed}.login-password-toggle:focus-visible{outline-offset:3px;outline:2px solid #83deed}.login-experience .login-submit:focus-visible{outline-offset:3px;outline:2px solid #83deed}.login-submit-progress{background:#bbf5ff;width:32%;height:3px;animation:1.1s ease-in-out infinite alternate login-submit-progress;position:absolute;bottom:0;left:0}.login-experience[data-hidden=true] *{animation-play-state:paused!important}@keyframes login-submit-progress{0%{transform:translate(0)}to{transform:translate(215%)}}@media (max-width:700px) and (min-height:431px){.login-experience{--login-art-height:clamp(220px,calc(var(--login-viewport,100dvh) * .38),320px);--login-blend-size:56px;--login-background:linear-gradient(180deg,#fff 0%,#fff calc(var(--login-art-height) - var(--login-blend-size)),#edf0f5 calc(var(--login-art-height) - var(--login-blend-size) * .78),#b3bfd1 calc(var(--login-art-height) - var(--login-blend-size) * .54),#536581 calc(var(--login-art-height) - var(--login-blend-size) * .27),var(--login-navy) var(--login-art-height),var(--login-navy) 100%)}.login-locale{color:var(--login-navy);background:#0b183008;border-color:#0b183038}.login-content{grid-template-columns:1fr;grid-template-rows:var(--login-art-height) 1fr;display:grid}.login-center-logo{width:220px;max-width:70%;margin-top:24px}.login-side{padding:0 max(18px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));align-items:center;position:static}.login-tools{top:max(16px,env(safe-area-inset-top));left:16px;right:16px}.login-entry{border-radius:24px;max-width:390px;padding:27px 25px}.login-experience .login-entry h1{margin-bottom:23px;font-size:1.5rem}.login-experience .login-entry-form{gap:17px}.login-field{gap:7px}.login-experience .login-field input{height:51px}.login-password-toggle{top:3px}.login-experience .login-submit{min-height:52px;margin-top:4px}}@media (max-height:600px){.login-side{padding:70px 20px 15px}.login-entry{padding:20px}.login-experience .login-entry h1{margin-bottom:14px;font-size:1.25rem}.login-experience .login-entry-form{gap:12px}.login-field{gap:5px}.login-experience .login-field input{height:46px}.login-password-toggle{height:44px;top:1px}.login-experience .login-submit{min-height:46px;margin-top:0}}@media (max-height:430px){.login-experience{--login-background:linear-gradient(90deg,#fff 0%,#fff 29%,#edf0f5 32%,#b3bfd1 36%,#536581 41%,var(--login-navy) 46%,var(--login-navy) 100%)}.login-content{grid-template-columns:42% 58%}.login-side{padding:56px 16px 8px}.login-tools{top:8px;left:16px;right:16px}.login-entry{padding:14px}.login-experience .login-entry h1{margin-bottom:8px;font-size:1.125rem}.login-experience .login-entry-form{gap:8px}.login-field{gap:3px}.login-experience .login-field label{font-size:.875rem}.login-experience .login-field input,.login-experience .login-submit{height:44px;min-height:44px}}@media (max-width:700px) and (min-height:431px) and (max-height:600px){.login-experience{--login-art-height:clamp(168px,32vh,192px);--login-blend-size:32px}.login-side{padding:0 16px 12px}.login-center-logo{width:clamp(120px,23vh,140px);margin-top:35px}}@media (max-width:700px) and (min-height:431px) and (max-height:500px){.login-experience{--login-art-height:120px;--login-blend-size:24px}.login-content{overflow-y:auto}.login-center-logo{width:90px;margin-top:24px}.login-entry{padding:14px}.login-experience .login-entry h1{margin-bottom:8px;font-size:1.125rem}.login-experience .login-entry-form{gap:8px}.login-field{gap:3px}.login-experience .login-field input,.login-experience .login-submit{height:44px;min-height:44px}}.login-experience[data-keyboard=true]{background:var(--login-navy)}.login-experience[data-keyboard=true] .login-theme-button,.login-experience[data-keyboard=true] .login-locale{color:#dae6f2}.login-experience[data-keyboard=true] .login-theme-button[aria-pressed=true],.login-experience[data-keyboard=true] .login-locale{background:#7b9fc521;border-color:#b0c6e040}.login-experience[data-keyboard=true] .login-content{justify-content:center;align-items:center;padding:62px 16px 10px;display:flex}.login-experience[data-keyboard=true] .login-art{display:none}.login-experience[data-keyboard=true] .login-side{width:min(480px,100%);padding:0;position:static}.login-experience[data-keyboard=true] .login-tools{top:max(8px,env(safe-area-inset-top));left:16px;right:16px}.login-experience[data-keyboard=true] .login-entry{padding:16px}.login-experience[data-keyboard=true] .login-entry h1{margin-bottom:8px;font-size:1.125rem}.login-experience[data-keyboard=true] .login-entry-form{gap:8px}.login-experience[data-keyboard=true] .login-field{gap:3px}.login-experience[data-keyboard=true] .login-field label{font-size:.875rem}.login-experience[data-keyboard=true] .login-field input,.login-experience[data-keyboard=true] .login-submit{height:44px;min-height:44px}.login-experience[data-keyboard=true] .login-password-toggle{height:44px;top:0}.login-experience[data-keyboard=true] .login-submit{margin-top:0}.login-experience[data-compact-keyboard=true] .login-entry h1,.login-experience[data-compact-keyboard=true] .login-themes{display:none}.login-experience[data-compact-keyboard=true] .login-content{padding-top:38px}.login-experience[data-compact-keyboard=true] .login-tools{justify-content:flex-end;top:0}.login-experience[data-compact-keyboard=true] .login-locale{height:32px;min-height:32px}@media (pointer:coarse){.login-theme-button{min-width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.login-experience *,.login-experience :before,.login-experience :after{transition:none!important;animation:none!important}.login-submit-progress{opacity:.65;width:100%}}
