.authstage{min-height:100dvh;padding:var(--ccm-space-7) var(--ccm-space-4) 0;flex-direction:column;align-items:center;display:flex}.authstage__wordmark{opacity:.92;filter:drop-shadow(0 2px 10px #00000080);width:min(240px,70vw);height:auto}.authstage__main{width:100%;padding:var(--ccm-space-6) 0;flex:1;place-items:center;display:grid}.authpanel{width:min(26rem,100%);position:relative;overflow:hidden}.authpanel:after{content:"";opacity:.03;pointer-events:none;background:url(/brand/logo-mark-white.png) 50%/contain no-repeat;width:280px;height:280px;position:absolute;bottom:-80px;right:-70px}.authpanel .ccm-surface__body{z-index:1;gap:var(--ccm-space-5);padding:var(--ccm-space-6);display:grid;position:relative}.authpanel__head{gap:var(--ccm-space-2);justify-items:start;display:grid}.authpanel__sub{color:var(--ccm-text-2)}.authpanel__form{gap:var(--ccm-space-4);display:grid}.authpanel__row{margin-top:calc(-1 * var(--ccm-space-2));justify-content:flex-end;display:flex}.authpanel__row--center{justify-content:center;margin-top:0}.authpanel__submit{width:100%}.authpanel__fieldhint{margin-top:var(--ccm-space-1);font-size:var(--ccm-fs-micro);color:var(--ccm-text-3)}.authpanel__foot{align-items:flex-start;gap:var(--ccm-space-2);border-top:1px solid var(--ccm-line-1);padding-top:var(--ccm-space-4);font-size:var(--ccm-fs-small);color:var(--ccm-text-3);line-height:1.5;display:flex}.authpanel__foot svg{color:var(--ccm-silver-3);flex:none;margin-top:3px}.authpanel__actions{gap:var(--ccm-space-2);flex-wrap:wrap;justify-content:center;display:flex}.authcode{font-family:var(--ccm-font-mono);font-variant-numeric:tabular-nums;letter-spacing:.5em;text-indent:.25em;text-align:center;padding-top:.75rem;padding-bottom:.75rem;font-size:1.75rem;font-weight:620}.authcode::placeholder{color:var(--ccm-text-3);opacity:.55}.authstage .state{justify-items:center;gap:var(--ccm-space-3);text-align:center;padding:var(--ccm-space-4) 0 var(--ccm-space-2);display:grid}.authstage .state__mark{background-image:var(--ccm-metal-sheen), var(--ccm-material-strong);border:1px solid var(--ccm-line-2);width:64px;height:64px;box-shadow:var(--ccm-edge-light-strong), var(--ccm-shadow-1);color:var(--ccm-silver-2);border-radius:20px;place-items:center;display:grid}@media (max-width:1240px){.authstage{padding-top:var(--ccm-space-6)}}@media (max-width:900px){.authstage{padding:var(--ccm-space-5) var(--ccm-space-3) 0}.authstage__wordmark{width:min(190px,60vw)}.authstage__main{padding:var(--ccm-space-5) 0;align-items:start}.authpanel .ccm-surface__body{padding:var(--ccm-space-5)}}.authstage{isolation:isolate;position:relative}.authstage__bg{z-index:-1;background:#050506;position:fixed;inset:0}.authstage__photo{object-fit:cover;object-position:62% 30%;filter:saturate(.85)brightness(.82)}.authstage__shade{background:radial-gradient(60% 70% at 50% 55%,#0000008c 0%,#0000001a 70%),linear-gradient(#000000b8 0%,#00000040 35%,#00000059 70%,#000000e6 100%);position:absolute;inset:0}.authpanel.ccm-surface{-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:#0a0a0ca8;border:1px solid #ffffff1f;box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff14}@media (max-width:900px){.authstage__photo{object-position:68% 20%}.authstage__shade{background:linear-gradient(#0009 0%,#0003 25%,#000000d1 60%,#000000f5 100%)}.authpanel.ccm-surface{background:#0a0a0cc7}}@media (prefers-reduced-transparency:reduce){.authpanel.ccm-surface{-webkit-backdrop-filter:none;background:#0a0a0cf0}}.authstage__main{grid-template-columns:minmax(0,1fr)}.authpanel{justify-self:center;min-width:0;max-width:100%}.authstage__photo{object-position:100% 50%;filter:saturate()brightness(1.55)contrast(.95)}.authstage__shade{background:radial-gradient(45% 60% at 50% 55%,#00000059 0%,#0000 70%),linear-gradient(#0003 0%,#0000 30% 80%,#00000059 100%)}.authpanel.ccm-surface{background:#0e0f11bd}.authstage__main{place-items:center start;padding-left:8vw}@media (max-width:900px){.authstage__photo{object-position:96% 50%}.authstage__shade{background:linear-gradient(#00000059 0%,#0000000d 25%,#0009 60%,#000000e0 100%)}.authstage__main{place-items:start center;padding-left:0}}.authpanel__form input[readonly]{opacity:.8;cursor:default}
