.cpx-login-layout{background:var(--background);flex-direction:column;min-height:100svh;display:flex}.cpx-login-layout *{box-sizing:border-box}.cpx-login-layout :is(h1,h2,p){margin:0}.cpx-login-layout a{text-decoration:none}.cpx-login-wrap{width:calc(100% - 112px);max-width:1240px;margin-inline:auto}.cpx-login-main{outline:none;flex:1;justify-content:center;align-items:center;padding-block:64px 80px;display:flex}.cpx-login-access{width:100%;min-width:0;max-width:660px}.cpx-login-formHeading{text-align:center;margin-bottom:36px}.cpx-login-kicker{color:var(--muted-foreground);font-size:12px;font-weight:500;margin-bottom:20px!important}.cpx-login-formHeading h1{letter-spacing:-.065em;font-size:clamp(44px,4.6vw,64px);font-weight:570;line-height:1.05}.cpx-login-formHeading h1 span{color:var(--public-heading-muted)}.cpx-login-formHeading>p:last-child{color:var(--muted-foreground);margin:22px auto 0;font-size:14px;line-height:1.7}.cpx-login-form form{flex-direction:column;gap:22px;max-width:380px;margin-inline:auto;display:flex}.cpx-login-field{flex-direction:column;gap:9px;display:flex}.cpx-login-field label{font-size:12px;font-weight:550}.cpx-login-input{border:1px solid var(--input);background:var(--card);height:50px;color:var(--foreground);box-shadow:none;border-radius:7px;padding:12px 14px;font-size:14px}.cpx-login-input::placeholder{color:var(--muted-foreground);opacity:.8}.cpx-login-input:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 12%, transparent)}.cpx-login-code{text-align:center;height:58px;font-family:var(--font-mono);letter-spacing:.28em;font-size:22px}.cpx-login-submit{background:var(--primary);width:100%;height:50px;color:var(--primary-foreground);border-radius:7px;gap:17px;margin-top:3px;font-size:13px;font-weight:550}.cpx-login-submit svg{width:17px;height:17px}.cpx-login-submit:disabled{cursor:not-allowed;opacity:.55}.cpx-login-back{min-height:44px;color:var(--muted-foreground);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-top:-8px;font-size:12px;display:flex}.cpx-login-back:hover{background:var(--muted);color:var(--foreground)}.cpx-login-back svg{width:14px;height:14px}.cpx-login-error{border:1px solid color-mix(in srgb, var(--destructive) 30%, transparent);background:color-mix(in srgb, var(--destructive) 6%, var(--card));border-radius:7px;padding:13px 15px;font-size:12px;line-height:1.7}.cpx-login-formNote{border-top:1px solid var(--border);max-width:380px;color:var(--muted-foreground);justify-content:center;align-items:flex-start;gap:10px;margin:28px auto 0;padding-top:22px;font-size:11px;line-height:1.8;display:flex}.cpx-login-formNote>svg{stroke-width:1.5px;flex:none;width:16px;height:16px;margin-top:2px}.cpx-login-footer{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:20px;padding-block:16px 24px;font-size:10px;display:flex}.cpx-login-footer>div{align-items:center;gap:20px;display:flex}.cpx-login-footer a{align-items:center;gap:7px;min-height:32px;display:inline-flex}.cpx-login-footer a:hover{color:var(--foreground)}.cpx-login-footer a svg{width:13px;height:13px}.cpx-login-loading{background:var(--muted);border-radius:8px;width:100%;max-width:380px;height:440px;margin:auto}.cpx-login-skip{z-index:50;background:var(--primary);color:var(--primary-foreground);border-radius:6px;padding:12px 20px;position:absolute;top:10px;left:16px;transform:translateY(-160%)}.cpx-login-skip:focus{transform:none}@media (max-width:1150px){.cpx-login-wrap{width:calc(100% - 72px)}}@media (max-width:900px){.cpx-login-wrap{width:calc(100% - 48px)}}@media (max-width:640px){.cpx-login-wrap{width:calc(100% - 40px)}.cpx-login-main{padding-block:48px 56px}.cpx-login-formHeading{margin-bottom:32px}.cpx-login-formHeading h1{font-size:clamp(35px,8.8vw,48px)}.cpx-login-formHeading>p:last-child{font-size:13px}.cpx-login-input{font-size:16px}.cpx-login-code{font-size:22px}.cpx-login-footer{padding-bottom:16px;font-size:9px}.cpx-login-footer>div{gap:10px}}@media (max-width:360px){.cpx-login-wrap{width:calc(100% - 32px)}.cpx-login-formHeading h1{font-size:32px}}
