.lg-shell{background:#050b18;justify-content:flex-end;align-items:center;min-height:100dvh;padding:40px 6vw;display:flex;position:relative;overflow:hidden}.lg-bg{z-index:0;background-image:url(/login-bg.jpg);background-position:100%;background-size:cover;position:absolute;inset:0}.lg-veil{z-index:1;background:linear-gradient(90deg,#030814f5 0%,#030814e6 30%,#0308148c 55%,#03081433 78%,#03081473 100%),radial-gradient(900px 560px at 20%,#0c224e80,#0000 72%);position:absolute;inset:0}@media (max-width:820px){.lg-veil{background:linear-gradient(#030814db,#030814f0)}}.lg-card{z-index:2;-webkit-backdrop-filter:blur(18px)saturate(130%);color:#e6eefc;background:#0a14289e;border:1px solid #78b4ff2e;border-radius:20px;width:100%;max-width:396px;padding:34px 32px 30px;animation:.5s cubic-bezier(.22,1,.36,1) both lg-rise;position:relative;box-shadow:0 24px 70px #0009,inset 0 1px #ffffff12}@keyframes lg-rise{0%{opacity:0;transform:translateY(16px)}}@media (max-width:820px){.lg-shell{justify-content:center;padding:24px}}@media (min-width:1600px){.lg-shell{padding-inline-end:10vw}}.lg-mark{color:#fff;background:linear-gradient(140deg,#1f7ad9,#7b3ff2);border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:18px;font-size:20px;font-weight:700;display:grid;box-shadow:0 8px 26px #2d78f073}.lg-card h1{color:#fff;letter-spacing:-.01em;margin:0 0 6px;font-size:21px;font-weight:700}.lg-card .lg-sub{color:#93aecd;margin:0 0 26px;font-size:13px;line-height:1.8}.lg-field{margin-bottom:15px}.lg-field label{color:#9fb8d6;margin-bottom:7px;font-size:12.5px;font-weight:500;display:block}.lg-input{align-items:center;display:flex;position:relative}.lg-input input{color:#eaf2ff;background:#ffffff0f;border:1px solid #8cbeff33;border-radius:11px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14.5px;transition:border-color .16s,box-shadow .16s,background .16s}.lg-input input::placeholder{color:#62809f}.lg-input input:focus{background:#ffffff17;border-color:#3d8ef0;box-shadow:0 0 0 3px #3d8ef033}.lg-input input[type=password]{letter-spacing:.12em;padding-inline-end:44px}.lg-eye{color:#7e9dbe;cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;width:32px;height:32px;font-size:14px;display:grid;position:absolute;inset-inline-end:6px}.lg-eye:hover{color:#cfe2ff;background:#ffffff12}.lg-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1f7ad9,#6a3ff0);border:none;border-radius:12px;width:100%;margin-top:8px;padding:13px;font-family:inherit;font-size:15px;font-weight:600;transition:filter .16s,transform .1s;box-shadow:0 10px 28px #286ee659}.lg-submit:hover:not(:disabled){filter:brightness(1.1)}.lg-submit:active:not(:disabled){transform:translateY(1px)}.lg-submit:disabled{opacity:.6;cursor:not-allowed}.lg-error{color:#ffc4bd;background:#b4322d2e;border:1px solid #e65a5059;border-radius:11px;margin-bottom:16px;padding:11px 14px;font-size:13px;animation:.32s lg-shake}@keyframes lg-shake{25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.lg-foot{color:#6d89aa;text-align:center;border-top:1px solid #8cbeff24;margin-top:22px;padding-top:16px;font-size:11.5px;line-height:1.9}.lg-foot a{color:#8fb4e0;text-decoration:none}.lg-foot a:hover{text-decoration:underline}.lg-brand{z-index:2;top:26px;color:#cfe0f5;align-items:center;gap:9px;font-size:15px;font-weight:700;display:flex;position:absolute;inset-inline-start:6vw}.lg-brand span.dot{background:#35d08f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #35d08f}@media (max-width:820px){.lg-brand{inset-inline-start:24px}}