@font-face{font-family:Suite;src:url('/font/metropolis.medium.otf');font-weight:400 600;font-display:swap}@font-face{font-family:Suite;src:url('/font/metropolis.black.otf');font-weight:700 900;font-display:swap}*{box-sizing:border-box}body{margin:0;color:#30283e;background:#faf8fc;font-family:Suite,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b29ad9;outline-offset:3px}.login-layout{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{background:#211a39;color:#fff;position:relative;overflow:hidden;min-height:750px;padding:50px 10%}.login-brand img{width:158px;height:75px;object-fit:contain}.story-copy{position:relative;z-index:1;margin-top:78px}.eyebrow{font-size:9px;color:#b09acb;letter-spacing:2px;margin-bottom:20px}.story-copy h1{font-size:clamp(32px,3.4vw,54px);line-height:1.2;font-weight:750;letter-spacing:-2px;margin:0 0 23px}.story-copy h1 em{font-style:normal;color:#c1a2f2}.story-copy>p:last-child{font-size:12px;line-height:1.9;color:#a59ab8}.story-footer{position:absolute;bottom:36px;left:10%;font-size:8px;letter-spacing:1.5px;color:#8b7aa2}.orbit-art{width:350px;height:290px;position:relative;margin:10px auto 40px;transform:rotate(-10deg)}.orbit{position:absolute;border:1px solid #665182;border-radius:50%;left:0;top:25px;width:350px;height:230px;transform:rotate(-23deg)}.o2{transform:rotate(40deg);width:300px;left:25px;border-color:#453356}.portal{position:absolute;left:92px;top:43px;width:165px;height:200px;border-radius:100px 100px 20px 20px;background:linear-gradient(145deg,#7f58b7,#573876);border:12px solid #a888d4;box-shadow:inset 0 0 40px #28173890,12px 12px 0 #503a70;display:grid;place-items:center}.portal span{font-size:100px;color:#ead1a2;line-height:1;transform:rotate(10deg)}.float-chip{position:absolute;padding:12px 15px;font-size:10px;letter-spacing:2px;border-radius:10px;z-index:2}.chip1{top:12px;right:20px;background:#b0d8c9;color:#345d4f;transform:rotate(15deg)}.chip2{left:0;bottom:35px;background:#f1c3a6;color:#976341;transform:rotate(-8deg)}.spark{position:absolute;color:#c4a5e4}.s1{left:20px;top:20px;font-size:35px}.s2{right:3px;bottom:20px;font-size:38px;color:#e8c598}.planet{position:absolute;width:19px;height:19px;background:#b4d9cf;bottom:85px;right:18px;border-radius:50%;box-shadow:3px 3px 0 #668d7c}.login-panel{position:relative;display:grid;place-items:center;padding:60px 40px}.login-card{width:100%;max-width:350px}.suite-label{display:block;font-size:9px;color:#aa98bc;letter-spacing:2px;margin-bottom:37px}.suite-label b{background:#eee4f9;color:#9570b6;border-radius:4px;display:inline-grid;place-items:center;width:17px;height:17px;margin-left:6px;letter-spacing:0}.welcome-icon{width:43px;height:43px;border:1px solid #e9dff1;border-radius:13px;background:#f4edf9;color:#aa8ec5;display:grid;place-items:center;font-size:28px;margin-bottom:24px}h2{font-size:30px;letter-spacing:-1.5px;margin:0 0 10px;font-weight:750}.intro{font-size:12px;line-height:1.7;color:#9a8ba6;margin:0 0 33px}label{display:block;font-size:10px;color:#84728e;margin:21px 0 10px}input{width:100%;height:47px;border:1px solid #e5dcea;border-radius:9px;padding:0 14px;background:#fff;color:#655073;font-size:12px}input::placeholder{color:#c0b4c8}.password-wrap{position:relative}.password-wrap input{padding-right:76px}.password-wrap button{position:absolute;right:6px;top:6px;height:35px;padding:0 10px;color:#ab92bd;border:0;background:none;font-size:9px}#btnLogin{border:0;background:#825bb9;color:#fff;border-radius:9px;width:100%;height:47px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;font-size:11px;box-shadow:0 5px 15px #825bb924}#btnLogin span{font-size:20px}#btnLogin:hover{background:#7047a8}#btnLogin:disabled{opacity:.6;cursor:wait}#logErroreLogin{font-size:10px;line-height:1.5;color:#ae596e;min-height:15px;margin:11px 0}.login-footnote{font-size:9px;color:#a899b3;text-align:center;margin-top:24px;line-height:1.6}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a1bfa9;margin-right:5px}.login-panel>footer{position:absolute;bottom:35px;font-size:7px;letter-spacing:1.6px;color:#b9adbf}@media(max-width:1000px){.login-story{padding:40px 9%;min-height:700px}.story-copy{margin-top:65px}.story-copy h1{font-size:34px}.orbit-art{transform:rotate(-10deg) scale(.8);margin-left:-12px}.login-panel{padding:50px 32px}h2{font-size:27px}}@media(max-width:720px){.login-layout{display:block}.login-story{padding:25px;min-height:160px;height:180px}.login-brand img{width:118px;height:55px}.story-copy{margin-top:18px}.eyebrow,.story-copy>p:last-child,.story-footer,.orbit-art{display:none}.story-copy h1{font-size:22px;letter-spacing:-.8px;margin:0;line-height:1.2}.story-copy br{display:none}.login-panel{padding:35px 26px 80px;min-height:calc(100dvh - 180px)}.suite-label{margin-bottom:20px}.welcome-icon{display:none}h2{font-size:28px}.intro{margin-bottom:23px}.login-panel>footer{bottom:22px}}

/* Keep native mobile input focus at the page's current zoom level. The
   viewport remains zoomable; these rules also cover dynamically added forms. */
@media (max-width:980px), (hover:none) and (pointer:coarse){
  :where(.suite,.login-layout) :is(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=hidden],[type=button],[type=submit],[type=reset],[type=image]),select,textarea,[contenteditable=true]){
    font-size:16px!important;
    min-height:40px;
    line-height:1.35;
  }
  .suite .inputDataMenuGames{width:136px;max-width:100%}
}