.layout-forms{--lg-accent:#1e63e9;--lg-lift:#4c8bff;--lg-head:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif}.layout-forms :where(#page-login) :where(button,input,a,span,b,i,form,img,video,div){all:revert;box-sizing:border-box}@keyframes lg-shake{0%,to{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(5px)}80%{transform:translate(-2px)}}@keyframes lg-glow{0%,to{opacity:.5}50%{opacity:.85}}.layout-forms #page-login{background:#050912;color:#eef2f8;font-family:Plus Jakarta Sans,Helvetica,Arial,sans-serif;min-height:100vh;position:relative;width:100%;-webkit-font-smoothing:antialiased}.layout-forms .lg-bg{height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;position:fixed;width:100%;z-index:0}.layout-forms .lg-grad{background:radial-gradient(120% 90% at 18% 30%,#123a7ad9 0,#0b1b3ccc 42%,#050912eb);top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;z-index:1}.layout-forms .lg-veil{background:linear-gradient(105deg,#0509128c,#05091259 45%,#050912b8);top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;z-index:2}.layout-forms .lg-wrap{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:26px;position:relative;z-index:3}.layout-forms .lg-card{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:#0a0f1ab8;border:1px solid hsla(0,0%,100%,.1);border-radius:26px;box-shadow:0 40px 90px -34px #000000d9,inset 0 1px #ffffff12;display:flex;flex-direction:column;gap:20px;margin:auto;padding:28px 28px 24px;width:min(432px,100%)}.layout-forms .lg-pane{display:flex;flex-direction:column;gap:18px}.layout-forms .lg-head{display:flex;flex-direction:column;gap:6px}.layout-forms .lg-title{color:#fff;font-family:var(--lg-head);font-size:27px;font-weight:700;letter-spacing:-.01em;line-height:1.1}.layout-forms .lg-sub{color:#8b95a8;font-size:13.5px;font-weight:500;line-height:1.5}.layout-forms .lg-swap-enter-active,.layout-forms .lg-swap-leave-active{transition:opacity .22s ease,transform .22s ease}.layout-forms .lg-swap-enter-from{opacity:0;transform:translateY(10px) scale(.985)}.layout-forms .lg-swap-leave-to{opacity:0;transform:translateY(-8px) scale(.985)}.layout-forms .lg-field{align-items:center;background:#ffffff0f;border:1px solid hsla(0,0%,100%,.09);border-radius:14px;display:flex;gap:11px;padding:13px 14px;transition:border-color .15s ease,background .15s ease}.layout-forms .lg-field:focus-within{background:#ffffff14;border-color:color-mix(in srgb,var(--lg-lift) 55%,transparent)}.layout-forms .lg-ic{color:#67717f;display:inline-flex;flex:0 0 auto;height:18px;width:18px}.layout-forms .lg-ic svg{height:100%;width:100%}.layout-forms .lg-in{background:transparent!important;background-color:transparent!important;border:none!important;border-radius:0!important;color:#eef2f8!important;cursor:text;font-family:inherit;font-size:14.5px;font-weight:600;height:auto!important;max-width:none!important;min-width:0;outline:none;padding:0!important;width:100%}.layout-forms .lg-in::-moz-placeholder{color:#67717f;font-weight:500}.layout-forms .lg-in::placeholder{color:#67717f;font-weight:500}.layout-forms .lg-in:-webkit-autofill,.layout-forms .lg-in:-webkit-autofill:focus,.layout-forms .lg-in:-webkit-autofill:hover{-webkit-text-fill-color:#eef2f8;-webkit-box-shadow:inset 0 0 0 1000px transparent;caret-color:#eef2f8;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.layout-forms .lg-clear,.layout-forms .lg-eye{align-items:center;background:#ffffff12!important;border:none;border-radius:9px;color:#8b95a8;cursor:pointer;display:inline-flex;flex:0 0 auto;height:30px;justify-content:center;padding:0;transition:all .15s ease;width:30px}.layout-forms .lg-clear svg,.layout-forms .lg-eye svg{height:15px;width:15px}.layout-forms .lg-clear img,.layout-forms .lg-eye img{height:16px;opacity:.75;width:16px}.layout-forms .lg-clear:hover,.layout-forms .lg-eye:hover{background:#ffffff24!important;background-color:#ffffff24!important;color:#fff!important}.layout-forms .lg-clear{border-radius:8px;height:26px;width:26px}.layout-forms .lg-clear svg{height:13px;width:13px}.layout-forms .lg-dots{display:flex;justify-content:center;padding:4px 0 2px;position:relative}.layout-forms .lg-dots.shake{animation:lg-shake .42s ease}.layout-forms .lg-dots-row{align-items:center;display:flex;gap:12px;justify-content:center}.layout-forms .lg-dot{align-items:center;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.12);border-radius:16px;color:#eef2f8;display:inline-flex;font-family:var(--lg-head);font-size:28px;font-weight:800;height:66px;justify-content:center;transition:all .18s ease;width:58px}.layout-forms .lg-dot.filled{background:color-mix(in srgb,#4c8bff 14%,transparent);border:1px solid color-mix(in srgb,#4c8bff 55%,transparent);box-shadow:0 0 16px color-mix(in srgb,#4c8bff 35%,transparent)}.layout-forms .lg-dot.active{animation:lg-glow 1.6s ease-in-out infinite;background:#ffffff12;border:1.5px solid color-mix(in srgb,#4c8bff 65%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,#4c8bff 16%,transparent)}.layout-forms .lg-dot.ok{background:color-mix(in srgb,#34d399 16%,transparent);border:1px solid color-mix(in srgb,#34d399 60%,transparent);box-shadow:0 0 18px #34d39959;color:#54d98c}.layout-forms .lg-dots-catch{background:transparent;border:none;cursor:pointer;font-size:28px;height:100%;top:0;right:0;bottom:0;left:0;letter-spacing:40px;opacity:0;padding:0;position:absolute;text-align:center;width:100%}.layout-forms .lg-status{align-items:center;display:flex;justify-content:center;min-height:19px;text-align:center}.layout-forms .lg-status-err,.layout-forms .lg-status-ok{align-items:center;display:inline-flex;font-size:12.5px;font-weight:700;gap:7px}.layout-forms .lg-status-err svg,.layout-forms .lg-status-ok svg{flex:0 0 auto;height:15px;width:15px}.layout-forms .lg-status-err{color:#ff7a72}.layout-forms .lg-status-ok{color:#54d98c}.layout-forms .lg-tg{align-items:flex-start;background:color-mix(in srgb,#38b0e3 9%,transparent);border:1px solid color-mix(in srgb,#38b0e3 28%,transparent);border-radius:13px;color:#9fb4c8;display:flex;font-size:12px;font-weight:500;gap:10px;line-height:1.5;padding:12px 14px}.layout-forms .lg-tg b{color:#d7e6f2;font-weight:700}.layout-forms .lg-tg-ic{color:#5cc4ef;display:inline-flex;flex:0 0 auto;height:16px;margin-top:1px;width:16px}.layout-forms .lg-tg-ic svg{height:100%;width:100%}.layout-forms .lg-roles-wrap{display:flex;flex-direction:column;gap:7px}.layout-forms .lg-label{color:#67717f;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.layout-forms .lg-roles{display:flex;gap:7px}.layout-forms .lg-role{background:#ffffff0d!important;border:1px solid hsla(0,0%,100%,.09);border-radius:11px;color:#8b95a8;cursor:pointer;flex:1;font-family:inherit;font-size:12px;font-weight:700;padding:10px;transition:all .15s ease}.layout-forms .lg-role:hover:not(.on){background:#ffffff17!important;background-color:#ffffff17!important;color:#c8d1de!important}.layout-forms .lg-role.on,.layout-forms .lg-role.on:hover{background:color-mix(in srgb,var(--lg-accent) 24%,transparent)!important;border:1px solid color-mix(in srgb,#4c8bff 55%,transparent);color:#fff!important}.layout-forms .lg-form{display:flex;flex-direction:column;gap:11px;margin:0}.layout-forms .lg-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:2px}.layout-forms .lg-remember{align-items:center;background:transparent!important;border:none;color:#8b95a8;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12.5px;font-weight:600;gap:9px;padding:0}.layout-forms .lg-remember:hover{background:transparent!important;background-color:transparent!important;color:#c8d1de!important}.layout-forms .lg-check{align-items:center;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.16);border-radius:6px;color:#fff;display:inline-flex;height:18px;justify-content:center;transition:all .15s ease;width:18px}.layout-forms .lg-check svg{height:12px;width:12px}.layout-forms .lg-check.on{background:var(--lg-accent);border:1px solid var(--lg-accent)}.layout-forms .lg-forgot{background:transparent!important;border:none;color:var(--lg-lift);cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;padding:0}.layout-forms .lg-forgot:hover{background:transparent!important;background-color:transparent!important;color:#7dabff!important}.layout-forms .lg-submit{align-items:center;background:var(--lg-accent)!important;border:none;border-radius:14px;box-shadow:0 16px 30px -14px color-mix(in srgb,var(--lg-accent) 90%,transparent);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14.5px;font-weight:700;gap:9px;justify-content:center;margin-top:5px;padding:15px;transition:filter .15s ease}.layout-forms .lg-submit:hover{background:var(--lg-accent)!important;background-color:var(--lg-accent)!important;color:#fff!important}.layout-forms .lg-submit:hover:not(:disabled){filter:brightness(1.08)}.layout-forms .lg-submit:disabled{cursor:not-allowed;opacity:.65}.layout-forms .lg-or-block{display:flex;flex-direction:column;gap:13px;padding-top:2px}.layout-forms .lg-or{align-items:center;display:flex;gap:12px}.layout-forms .lg-or span{background:#ffffff17;flex:1;height:1px}.layout-forms .lg-or i{color:#5c6675;font-size:10px;font-style:normal;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.layout-forms .lg-alt{align-items:center;background:#ffffff0d!important;border:1px solid hsla(0,0%,100%,.13);border-radius:14px;color:#c8d1de;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13.5px;font-weight:700;gap:9px;justify-content:center;padding:14px;transition:all .15s ease}.layout-forms .lg-alt svg{flex:0 0 auto;height:17px;width:17px}.layout-forms .lg-alt:hover{background:#ffffff1a!important;background-color:#ffffff1a!important;border-color:#ffffff38;color:#fff!important}.layout-forms .lg-alt--accent{background:color-mix(in srgb,var(--lg-accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--lg-lift) 42%,transparent);color:#a9c6ff}.layout-forms .lg-alt--accent:hover{background:color-mix(in srgb,var(--lg-accent) 30%,transparent)!important;color:#fff!important}.layout-forms .lg-version{color:#4f596a;font-size:11px;font-weight:500;text-align:center}@media (max-width:480px){.layout-forms .lg-wrap{padding:16px}.layout-forms .lg-card{border-radius:22px;padding:22px 20px 20px}.layout-forms .lg-dot{height:60px;width:52px}.layout-forms .lg-dots-row{gap:9px}}