:root{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;color:#111318;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--opc-white: #ffffff;--opc-snow: #f7f8fa;--opc-ink: #111318;--opc-graphite: #686d78;--opc-muted: #969ba6;--opc-line: #dfe2e8;--opc-mist-blue: #dde9ff;--opc-orbit: #647bff;--opc-cobalt: #246bfd;--opc-ice: #eaf2ff;--opc-server-mist: #8a93a3;--opc-server-line: #e3e7ee;--opc-danger: #b42318;--opc-focus: #4461e8;--font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;--font-text: "SF Pro Text", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;--font-utility: "SFMono-Regular", "Roboto Mono", ui-monospace, monospace}*{box-sizing:border-box}html{min-width:320px;background:var(--opc-snow)}body{margin:0;min-width:320px;min-height:100vh;min-height:100svh}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-page{display:grid;grid-template-columns:minmax(0,58fr) minmax(420px,42fr);min-height:100vh;min-height:100svh;background:var(--opc-snow)}.brand-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;min-height:640px;overflow:hidden;padding:clamp(30px,4.2vw,68px);color:var(--opc-ink);border-right:1px solid rgba(17,19,24,.06);background:#edf4ff}.brand-panel:after{content:none}.brand-mark{position:relative;z-index:4;display:inline-flex;align-items:center;align-self:flex-start;gap:12px;animation:reveal-down .72s cubic-bezier(.22,1,.36,1) both}.brand-mark__symbol{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;width:38px;height:38px;padding:0 7px;overflow:hidden;border-radius:11px;color:var(--opc-white);background:var(--opc-ink);box-shadow:0 8px 24px #11131829}.brand-mark__symbol span{font-family:var(--font-display);font-size:8px;font-weight:600;letter-spacing:-.16em;text-align:center}.brand-mark__name{max-width:410px;font-size:13px;font-weight:500;line-height:1.3;letter-spacing:-.02em}.brand-panel__visual{position:absolute;z-index:1;inset:0;overflow:hidden;animation:voyage-reveal 1.2s .1s cubic-bezier(.22,1,.36,1) both}.brand-panel__visual img{opacity:1}.brand-panel__copy{position:relative;z-index:4;align-self:flex-start;max-width:min(530px,48vw);margin-top:auto;color:var(--opc-white);text-shadow:0 2px 20px rgba(20,59,132,.34);animation:reveal-up .86s 90ms cubic-bezier(.22,1,.36,1) both}.brand-panel__eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-family:var(--font-utility);font-size:10px;font-weight:500;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:#58627c}.brand-panel__eyebrow span{width:28px;height:1px;background:#46528880}.brand-panel h1{max-width:530px;margin:0;font-family:var(--font-display);font-size:clamp(42px,4.25vw,66px);font-weight:500;line-height:1.04;letter-spacing:-.065em}.brand-panel__description{margin:22px 0 0;font-size:clamp(14px,1.2vw,17px);line-height:1.6;color:#5f687c}.login-panel{position:relative;display:flex;flex-direction:column;min-width:0;min-height:640px;padding:clamp(36px,5.2vw,84px) clamp(32px,5.2vw,88px) clamp(24px,3vw,44px);background:var(--opc-white)}.login-panel__content{display:grid;flex:1;place-items:center}.login-form{width:min(100%,430px);animation:form-enter .76s .12s cubic-bezier(.22,1,.36,1) both}.login-form__header{margin-bottom:clamp(34px,5vh,52px)}.login-form__eyebrow{margin:0 0 17px!important;font-family:var(--font-utility);font-size:10px!important;font-weight:500;line-height:1;letter-spacing:.15em;text-transform:uppercase;color:var(--opc-orbit)!important}.login-form__header h2{margin:0;font-family:var(--font-display);font-size:clamp(34px,3.2vw,48px);font-weight:500;line-height:1.08;letter-spacing:-.055em}.login-form__header>p:last-child{margin:13px 0 0;font-size:14px;line-height:1.55;color:var(--opc-graphite)}.login-form__fields{display:grid;gap:22px}.login-form__field{display:grid;gap:9px}.login-form__label{font-size:12px;font-weight:500;line-height:1.2;letter-spacing:.02em;color:#3f434b}.login-form__input-wrap{position:relative}.login-form__input-wrap input{width:100%;height:54px;padding:0 48px 0 16px;border:1px solid var(--opc-line);border-radius:13px;outline:none;color:var(--opc-ink);background:#fbfbfc;box-shadow:0 1px #11131805;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.login-form__input-wrap input::placeholder{color:#afb3bc}.login-form__input-wrap input:hover{border-color:#c8ccd4;background:var(--opc-white)}.login-form__input-wrap input:focus{border-color:#647bffc7;background:var(--opc-white);box-shadow:0 0 0 4px #647bff1c}.login-form__input-wrap input[aria-invalid=true]{border-color:#b423188c;box-shadow:0 0 0 4px #b423180f}.login-form__visibility{position:absolute;top:50%;right:8px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:9px;color:#7b808a;background:transparent;cursor:pointer;transition:color .16s ease,background .16s ease;transform:translateY(-50%)}.login-form__visibility:hover{color:var(--opc-ink);background:#eef0f4}.login-form__visibility svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.login-form__error{margin:-2px 0 0;font-size:11px;line-height:1.4;color:var(--opc-danger)}.login-form__options{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:21px 0 29px}.login-form__remember{position:relative;display:inline-flex;align-items:center;gap:9px;font-size:12px;color:var(--opc-graphite);cursor:pointer;-webkit-user-select:none;user-select:none}.login-form__remember input{position:absolute;z-index:1;top:50%;left:0;width:17px;height:17px;margin:0;opacity:0;cursor:pointer;transform:translateY(-50%)}.login-form__check{display:grid;place-items:center;width:17px;height:17px;border:1px solid #cfd3db;border-radius:5px;color:var(--opc-white);background:var(--opc-white);pointer-events:none;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.login-form__check svg{width:11px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.75);transition:opacity .15s ease,transform .15s ease}.login-form__remember input:checked+.login-form__check{border-color:var(--opc-ink);background:var(--opc-ink)}.login-form__remember input:checked+.login-form__check svg{opacity:1;transform:scale(1)}.login-form__remember input:focus-visible+.login-form__check{box-shadow:0 0 0 4px #647bff26}.login-form__text-button{padding:4px 0;border:0;color:#454a54;background:transparent;font-size:12px;cursor:pointer;transition:color .16s ease}.login-form__text-button:hover{color:var(--opc-orbit)}.login-form__submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;padding:0 19px 0 21px;border:1px solid var(--opc-ink);border-radius:14px;color:var(--opc-white);background:var(--opc-ink);box-shadow:0 12px 28px #11131826;font-size:13px;font-weight:500;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.login-form__submit:hover:not(:disabled){background:#252830;box-shadow:0 16px 34px #1113182e;transform:translateY(-1px)}.login-form__submit:active:not(:disabled){transform:translateY(0)}.login-form__submit:disabled{cursor:wait;opacity:.82}.login-form__submit svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.login-form__spinner{width:17px;height:17px;border:1.5px solid rgba(255,255,255,.35);border-top-color:var(--opc-white);border-radius:50%;animation:spin .7s linear infinite}.login-form__status{min-height:20px;margin:15px 0 0;font-size:11px;line-height:1.5;color:var(--opc-graphite);opacity:0;transform:translateY(-3px);transition:opacity .16s ease,transform .16s ease}.login-form__status[data-visible=true]{opacity:1;transform:translateY(0)}.login-panel__footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px;font-family:var(--font-utility);font-size:9px;line-height:1.4;letter-spacing:.02em;color:var(--opc-muted)}.login-panel__footer a{color:inherit;text-decoration:none;margin-right:10px}.login-panel__footer a:hover{text-decoration:underline}.login-panel__secure{display:inline-flex;align-items:center;gap:7px}.login-panel__secure svg{width:14px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.server-login-form .login-form__header,.forced-password-form .login-form__header{margin-bottom:30px}.server-login-form__role-field{display:grid;gap:9px;margin-bottom:22px}.server-login-form__roles{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border:1px solid var(--opc-server-line);border-radius:12px;background:#f7f9fc}.server-login-form__roles button{min-height:42px;padding:0 14px;border:0;border-radius:9px;color:#606979;background:transparent;font-size:12px;font-weight:500;cursor:pointer;transition:color .16s ease,background-color .16s ease,box-shadow .16s ease}.server-login-form__roles button[aria-pressed=true]{color:var(--opc-cobalt);background:var(--opc-white);box-shadow:0 1px 4px #11131714}.server-login-form__roles button:hover:not([aria-pressed=true]){color:var(--opc-ink);background:#ffffffa3}.server-login-form__submit{margin-top:29px;border-color:var(--opc-cobalt);background:var(--opc-cobalt);box-shadow:0 12px 28px #246bfd2e}.server-login-form__submit:hover:not(:disabled){background:#175be2;box-shadow:0 16px 34px #246bfd38}.tenant-brand-state{width:min(100%,430px);animation:form-enter .52s 80ms cubic-bezier(.22,1,.36,1) both}.server-login-form .login-form__eyebrow,.tenant-brand-state .login-form__eyebrow{line-height:1.35;overflow-wrap:anywhere;color:var(--opc-cobalt)!important}.server-login-form .login-form__header h2,.tenant-brand-state--message h2{overflow-wrap:anywhere}.tenant-brand-state--loading{display:flex;align-items:center;gap:11px;color:var(--opc-graphite);font-size:13px}.tenant-brand-state--loading p{margin:0}.tenant-brand-state__pulse{width:8px;height:8px;border-radius:50%;background:var(--opc-cobalt);box-shadow:0 0 0 5px #246bfd1a;animation:tenant-brand-pulse 1.4s ease-in-out infinite}.tenant-brand-state--message h2{margin:0;font-family:var(--font-display);font-size:clamp(34px,3.2vw,48px);font-weight:500;line-height:1.08;letter-spacing:-.055em}.tenant-brand-state--message>p:not(.login-form__eyebrow){margin:14px 0 0;color:var(--opc-graphite);font-size:14px;line-height:1.6}.tenant-brand-state--message .tenant-brand-state__notice{margin-top:22px;padding-left:13px;border-left:2px solid var(--opc-cobalt);color:var(--opc-ink);font-weight:500}.tenant-brand-state__retry{margin-top:28px;justify-content:center}.tenant-brand-state__retry:focus-visible,.server-login-form__roles button:focus-visible{outline:3px solid var(--opc-focus);outline-offset:3px}@keyframes tenant-brand-pulse{0%,to{opacity:.55;transform:scale(.88)}50%{opacity:1;transform:scale(1)}}.forced-password-form__error{margin:14px 0 -10px;font-size:12px;line-height:1.5;color:var(--opc-danger)}.forced-password-form__logout{display:block;margin:18px auto 0}.server-auth-state__panel{width:min(100%,430px);animation:form-enter .76s .12s cubic-bezier(.22,1,.36,1) both}.server-auth-state__panel h1{margin:0;font-family:var(--font-display);font-size:clamp(34px,3.2vw,48px);font-weight:500;line-height:1.08;letter-spacing:-.055em}.server-auth-state__panel>p:not(.login-form__eyebrow){margin:14px 0 0;color:var(--opc-server-mist);font-size:14px;line-height:1.6}.server-auth-state__panel .login-form__submit{margin-top:26px;justify-content:center}.platform-operations-page{min-height:100vh;min-height:100svh;color:var(--opc-ink);background:var(--opc-white)}.platform-operations-page__header{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 clamp(28px,4vw,64px);border-bottom:1px solid var(--opc-server-line);font-size:13px}.platform-operations-page__header>div,.platform-operations-page__account{display:flex;align-items:center;gap:14px}.platform-operations-page__mark{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:var(--opc-white);background:var(--opc-ink);font-family:var(--font-utility);font-size:9px;letter-spacing:.08em}.platform-operations-page__account{color:var(--opc-server-mist)}.platform-operations-page__account>span{max-width:min(24vw,220px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-operations-page__account button{min-height:36px;padding:0 14px;border:1px solid var(--opc-server-line);border-radius:9px;color:var(--opc-ink);background:var(--opc-white);cursor:pointer}.platform-operations-page__content{max-width:1120px;margin:0 auto;padding:clamp(64px,9vw,132px) clamp(28px,5vw,72px)}.platform-operations-page__content h1{max-width:760px;margin:0;font-family:var(--font-display);font-size:clamp(44px,6vw,78px);font-weight:500;line-height:1.04;letter-spacing:-.06em}.platform-operations-page__content>p:last-child{max-width:520px;margin:22px 0 0;color:var(--opc-server-mist);font-size:16px;line-height:1.7}:where(button,input):focus-visible{outline:2px solid var(--opc-focus);outline-offset:3px}@keyframes reveal-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes form-enter{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes voyage-reveal{0%{opacity:0;transform:scale(.985) translateY(8px)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1120px){.login-page{grid-template-columns:minmax(0,54fr) minmax(400px,46fr)}.brand-panel h1{font-size:clamp(38px,4.6vw,58px)}}@media(max-width:760px){.login-page{grid-template-columns:1fr;grid-template-rows:clamp(210px,32svh,270px) minmax(560px,auto)}.brand-panel{min-height:0;padding:24px clamp(22px,6vw,38px)}.brand-mark__symbol{width:34px;height:34px;border-radius:10px}.brand-mark__name{max-width:min(72vw,360px);font-size:12px}.brand-panel__visual{inset:0;pointer-events:none}.brand-panel__copy{max-width:78%}.brand-panel__eyebrow,.brand-panel__description{display:none}.brand-panel h1{font-size:clamp(27px,7.5vw,36px);line-height:1.08}.login-panel{min-height:560px;padding:48px clamp(22px,7vw,42px) 24px}.login-panel__content{align-items:start}.login-form{width:min(100%,480px)}.login-form__header{margin-bottom:34px}.login-form__header h2{font-size:36px}.login-panel__footer{margin-top:40px}}@media(max-width:420px){.login-page{grid-template-rows:220px minmax(570px,auto)}.brand-panel__copy{max-width:82%}.login-panel{padding-top:42px}.login-form__options{gap:12px}.login-panel__footer{align-items:flex-start;flex-direction:column;gap:8px}.platform-operations-page__header{min-height:64px;padding:10px 18px}.platform-operations-page__header>div:first-child>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.server-entry{width:min(100%,430px);animation:form-enter .52s 80ms cubic-bezier(.22,1,.36,1) both}.server-entry .login-form__header{margin-bottom:28px}.server-entry .login-form__header h2{margin:0;font-family:var(--font-display);font-size:clamp(34px,3.2vw,48px);font-weight:500;line-height:1.08;letter-spacing:-.055em}.server-entry .login-form__header>p:last-child{margin:14px 0 0;color:var(--opc-server-mist);font-size:14px;line-height:1.65}.server-entry__company .server-login-form__submit{margin-top:18px}.server-entry__divider{display:flex;align-items:center;gap:12px;margin:25px 0 14px;color:var(--opc-server-mist);font-size:11px}.server-entry__divider:before,.server-entry__divider:after{content:"";height:1px;flex:1;background:var(--opc-server-line)}.server-entry__platform-link{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--opc-server-line);border-radius:12px;color:var(--opc-ink);background:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .16s ease,color .16s ease,background-color .16s ease}.server-entry__platform-link:hover{border-color:var(--opc-cobalt);color:var(--opc-cobalt);background:#f7faff}.server-entry__platform-link:focus-visible{outline:3px solid var(--opc-focus);outline-offset:3px}