.gfx-login-card{position:relative;width:560px;max-width:94vw;padding:48px 56px;border:1px solid rgba(255,255,255,.2);border-radius:24px;text-align:center;overflow:hidden;box-shadow:0 24px 48px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.08) inset}.gfx-login-card::before{content:'';position:absolute;inset:0;z-index:-2;background:url('/images/bg/1.png') center/cover no-repeat}.gfx-login-card::after{content:'';position:absolute;inset:0;z-index:-1;background:rgba(28,30,36,.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.gfx-tabstrip{position:relative;display:inline-flex;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.15);border-radius:50px;padding:5px;margin-bottom:44px;width:100%;max-width:460px;container-type:inline-size;container-name:tabstrip}.gfx-tab{flex:1;min-width:0;padding:10px 16px;cursor:pointer;font-weight:600;color:rgba(255,255,255,.6);transition:color .25s ease;font-size:13px;text-transform:uppercase;letter-spacing:.08em;position:relative;z-index:2;border:0;background:transparent;font-family:inherit;white-space:normal;line-height:1.3;text-align:center;word-break:break-word}@container tabstrip (max-width:380px){.gfx-tab{font-size:11px;padding:6px 8px;}}.gfx-tab.active{color:#fff}.gfx-tabstrip-slider{position:absolute;top:4px;left:0;margin-left:4px;height:calc(100% - 8px);border-radius:50px;background:var(--bs-primary,#5b5fc7);border:0;box-shadow:0 2px 12px rgba(var(--bs-primary-rgb,91,95,199),.5),0 0 20px rgba(var(--bs-primary-rgb,91,95,199),.25);transition:transform .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);z-index:1;pointer-events:none}.gfx-pin-strip{display:flex;width:100%;max-width:320px;margin:0 auto 30px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden}.gfx-pin-cell{flex:1;border-right:1px solid rgba(255,255,255,.12);min-width:0}.gfx-pin-cell:last-child{border-right:0}.gfx-pin-input{width:100%;height:56px;padding:0;margin:0;background:transparent;border:0;font-size:24px;font-weight:600;color:rgba(255,255,255,.95);text-align:center;caret-color:var(--bs-primary,#5b5fc7);outline:0;cursor:pointer;text-transform:uppercase}.gfx-pin-input::placeholder{color:rgba(255,255,255,.2)}.gfx-pin-input:focus{background:rgba(255,255,255,.04)}#feedback-box{height:195px}.gfx-feedback-box{padding-top:85px}.gfx-connecting{margin:0 auto 1.25rem;width:100%;max-width:320px}.gfx-connecting[hidden]{display:none!important}.gfx-connecting-track{height:4px;background:rgba(255,255,255,.12);border-radius:4px;overflow:hidden}.gfx-connecting-bar{height:100%;width:33%;min-width:60px;background:var(--bs-primary,#5b5fc7);border-radius:4px;animation:gfx-connecting-move 1.8s ease-in-out infinite}@keyframes gfx-connecting-move{0%,100%{transform:translateX(0)}50%{transform:translateX(220%)}}.gfx-panes{position:relative;min-height:420px}.gfx-pane{position:absolute;top:0;left:0;right:0;width:100%;min-height:420px;display:flex;flex-direction:column;justify-content:flex-start;opacity:0;pointer-events:none;transition:opacity .4s ease}.gfx-pane.gfx-pane-visible{opacity:1;pointer-events:auto}.gfx-form-label{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:rgba(255,255,255,.9)}.gfx-signin-form,.gfx-signup-form{text-align:left}.gfx-form-group{margin-bottom:.1rem}.gfx-signin-sections{width:100%;text-align:center}.gfx-signin-section{margin-bottom:0}.gfx-signin-section.gfx-signin-crionet{margin-bottom:1rem}.gfx-btn-crionet{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:14px 1.25rem;background:linear-gradient(135deg,var(--bs-primary,#5b5fc7) 0%,var(--bs-info,#06b6d4) 100%);border:0;border-radius:12px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:opacity .2s,box-shadow .2s;box-shadow:0 4px 16px rgba(var(--bs-primary-rgb,91,95,199),.45),0 0 24px rgba(var(--bs-primary-rgb,91,95,199),.2)}.gfx-btn-crionet:hover{opacity:.95;box-shadow:0 6px 20px rgba(var(--bs-primary-rgb,91,95,199),.5),0 0 28px rgba(var(--bs-primary-rgb,91,95,199),.25)}.gfx-btn-crionet-logo{display:block;height:20px;width:auto;max-width:72px;object-fit:contain;filter:brightness(0) invert(1)}.gfx-btn-crionet span{padding-top:2px}.gfx-signin-divider{display:flex;align-items:center;gap:.75rem;margin:0 0 3rem;margin-top:3rem;margin-bottom:1rem}.gfx-signin-divider-line{flex:1;height:1px;background:rgba(255,255,255,.2)}.gfx-signin-divider-text{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.5)}.gfx-signin-divider-title{font-size:.7rem;font-weight:500;color:rgba(255,255,255,.55);white-space:nowrap;text-transform:uppercase}.gfx-signin-email-box{position:relative;padding:1.25rem 0 0;background:transparent;border:0;border-radius:0;text-align:left}.gfx-signin-email-box.gfx-signin-posting .gfx-form-group,.gfx-signin-email-box.gfx-signin-posting .gfx-signin-links,.gfx-signin-email-box.gfx-signin-posting .gfx-btn-continue{visibility:hidden}.gfx-signin-email-box.gfx-signin-posting .gfx-connecting{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}.gfx-signin-email-box .gfx-form-group{margin-bottom:.75rem}.gfx-signin-email-box .gfx-form-group:last-of-type{margin-bottom:.5rem}.gfx-signin-email-box .gfx-input{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);color:#fff}.gfx-signin-email-box .gfx-input::placeholder{color:rgba(255,255,255,.4)}.gfx-signin-email-box .gfx-input:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}.gfx-signin-email-box .gfx-input:focus{background:rgba(255,255,255,.08);border-color:var(--bs-primary,#5b5fc7);box-shadow:0 0 0 2px rgba(var(--bs-primary-rgb,91,95,199),.25)}.gfx-signin-email-box .gfx-signin-links{color:rgba(255,255,255,.75)}.gfx-signin-email-box .gfx-link{color:rgba(255,255,255,.75)}.gfx-signin-email-box .gfx-link:hover{color:var(--bs-primary,#5b5fc7)}.gfx-signin-email-box .gfx-password-toggle{color:var(--bs-primary,#5b5fc7)}.gfx-signin-email-box .gfx-password-toggle:hover{color:var(--bs-primary,#5b5fc7);opacity:.9}.gfx-signin-email-box .gfx-password-toggle:focus{color:var(--bs-primary,#5b5fc7)}.gfx-signin-message{font-size:1rem;color:rgba(255,255,255,.9);min-height:0;text-align:center}.gfx-signin-message:empty{display:none}.gfx-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}.gfx-signin-links{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;font-size:.8125rem;color:rgba(255,255,255,.6)}.gfx-signin-links .gfx-link{color:inherit}.gfx-signin-links .gfx-link:hover{color:var(--bs-primary,#5b5fc7)}.gfx-toggle-label-short{display:none}.gfx-forgot-short{display:none}@media(max-width:480px){.gfx-toggle-label-long{display:none}.gfx-toggle-label-short{display:inline}.gfx-forgot-long{display:none}.gfx-forgot-short{display:inline}.gfx-forgot-icon{display:inline;font-style:normal}}.gfx-toggle-wrap{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}.gfx-toggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.gfx-toggle-slider{position:relative;display:inline-block;width:34px;height:18px;background:rgba(255,255,255,.2);border-radius:18px;transition:background .25s}.gfx-toggle-slider::after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 1px 2px rgba(0,0,0,.3)}.gfx-toggle-input:checked+.gfx-toggle-slider{background:var(--bs-primary,#5b5fc7)}.gfx-toggle-input:checked+.gfx-toggle-slider::after{transform:translateX(16px)}.gfx-toggle-input:focus-visible+.gfx-toggle-slider{box-shadow:0 0 0 2px rgba(255,255,255,.3)}.gfx-toggle-label{color:inherit}.gfx-toggle-wrap:hover .gfx-toggle-label{color:rgba(255,255,255,.9)}.gfx-toggle-input:checked~.gfx-toggle-label{font-weight:700;color:rgba(255,255,255,.98)}.gfx-form-group-check{margin-bottom:1.25rem}.gfx-field-label{display:block;margin-bottom:.35rem;font-size:.8125rem;color:rgba(255,255,255,.7)}.gfx-input{width:100%;padding:.65rem 1rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:10px;font-size:1rem;color:#fff;transition:border-color .2s,background .2s}.gfx-input::placeholder{color:rgba(255,255,255,.35)}.gfx-input:hover{background:rgba(255,255,255,.08)}.gfx-input:focus{outline:0;border-color:var(--bs-primary,#5b5fc7);background:rgba(255,255,255,.08)}.gfx-password-wrap{position:relative;display:block;width:100%}.gfx-password-wrap .gfx-input{display:block;width:100%;box-sizing:border-box}.gfx-input-with-toggle{padding-right:2.75rem}.gfx-password-toggle{position:absolute;top:0;right:0;bottom:0;width:2.75rem;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:rgba(0,0,0,.5);cursor:pointer;border-radius:0 10px 10px 0;transition:color .15s ease}.gfx-password-toggle:hover{color:rgba(0,0,0,.75)}.gfx-password-toggle:focus{outline:0;color:var(--bs-primary,#5b5fc7)}.gfx-password-toggle-icon{display:inline-flex;line-height:0}.gfx-password-toggle-icon[hidden]{display:none}.gfx-checkbox{margin:0 .5rem 0 0;vertical-align:middle}.gfx-checkbox-label{font-size:.875rem;color:rgba(255,255,255,.8);cursor:pointer}.gfx-links-container{display:flex;justify-content:center;font-size:13px;color:rgba(255,255,255,.7);margin-bottom:80px}.gfx-link{cursor:pointer;text-decoration:none;color:inherit;transition:color .2s}.gfx-link:hover{color:var(--bs-primary,#5b5fc7)}.gfx-btn-continue{width:100%;padding:16px;background:linear-gradient(135deg,var(--bs-primary,#5b5fc7) 0%,var(--bs-info,#06b6d4) 100%);border:0;border-radius:12px;color:#fff;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;box-shadow:0 4px 16px rgba(var(--bs-primary-rgb,91,95,199),.45),0 0 24px rgba(var(--bs-primary-rgb,91,95,199),.2);transition:opacity .2s,box-shadow .2s}.gfx-btn-continue:hover{opacity:.95;box-shadow:0 6px 20px rgba(var(--bs-primary-rgb,91,95,199),.5),0 0 28px rgba(var(--bs-primary-rgb,91,95,199),.25)}.gfx-pin-welcome{display:block;font-size:1.65rem;font-weight:700;margin:0}.gfx-pin-intro{display:block;line-height:1.4;opacity:.78;margin-bottom:52px;font-size:.95rem}