@layer components{.nl-login{min-height:100dvh}.nl-login .lgn-side,.nl-login .fcard-h{display:none}.nl-login .lgn-main{padding-bottom:30px}.nl-login .lh{text-align:center;border-radius:0 0 28px 28px;padding:50px 16px 64px}.nl-login .lh .top{text-align:left;justify-content:space-between;align-items:center;display:flex}.nl-login .back{font:700 14px var(--nl-body);color:#c3ccda;padding:6px 8px 6px 0}.nl-login .lh .lg{filter:drop-shadow(0 8px 18px #00000073);width:132px;height:auto;margin:14px auto 0;display:block}.nl-login .lh h1{margin-top:12px;font-size:34px;line-height:1}.nl-login .lh p{color:#b5bfcf;margin-top:6px;font-size:13.5px}.nl-login .fcard{background:#fff;border-radius:18px;margin:-40px 16px 0;padding:18px 16px;position:relative;box-shadow:0 14px 30px -14px #0f1b2d73,0 2px 8px #0f1b2d0f}.nl-login .fl{font:700 13px var(--nl-body);color:var(--color-navy);display:block}.nl-login .fl:not(:first-child){margin-top:14px}.nl-login .alert+.fl{margin-top:0}.nl-login .box{border:1.5px solid var(--color-steel-1);background:var(--color-steel-0);width:100%;height:50px;font:500 16px var(--nl-body);color:var(--color-navy);border-radius:12px;outline:none;margin-top:6px;padding:0 14px;display:block}.nl-login .box::placeholder{color:var(--color-steel-3);opacity:1}.nl-login .box:focus{background:#fff;border-color:#1f63d8;box-shadow:0 0 0 3px #1f63d826}.nl-login .box.bad{background:#fff;border-color:#d7263d;box-shadow:0 0 0 3px #d7263d1f}.nl-login .box:disabled{opacity:.7}.nl-login .ferr{color:#b3192d;margin-top:6px;font-size:12.5px}.nl-login .pw{margin-top:6px;position:relative}.nl-login .pw .box{margin-top:0;padding-right:64px}.nl-login .pw .box[type=password]:not(:placeholder-shown){letter-spacing:3px;font-size:18px}.nl-login .show{font:700 13px var(--nl-body);color:var(--color-blue-ink);cursor:pointer;border-radius:8px;padding:8px 10px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}@media (hover:hover){.nl-login .show:hover{background:var(--color-blue-tint)}}.nl-login .rem{background:var(--color-steel-0);cursor:pointer;text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:16px;padding:11px 12px;display:flex}.nl-login .rem b{font-size:14.5px;display:block}.nl-login .rem span span{color:var(--color-steel-4);margin-top:1px;font-size:12.5px;display:block}.nl-login .sw{background:var(--color-steel-2);border-radius:99px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.nl-login .sw:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.nl-login .sw.on{background:#4caf50}.nl-login .sw.on:after{left:21px}.nl-login .btn{font:700 16px var(--nl-body);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:16px;padding:14px;display:flex}.nl-login .btn.navy{background:var(--color-navy);color:#fff}.nl-login .btn.dim{background:var(--color-steel-1);color:var(--color-steel-3);cursor:default}.nl-login .spin{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite nl-login-spin}.nl-login .forgot{text-align:center;text-wrap:balance;color:var(--color-steel-4);margin-top:12px;font-size:13px;line-height:1.45}.nl-login .alert{color:#9c1428;background:#fff4f5;border-radius:12px;align-items:flex-start;gap:9px;margin-bottom:14px;padding:10px 12px;font-size:13.5px;line-height:1.4;display:flex;box-shadow:inset 0 0 0 1.5px #d7263d59}.nl-login .alert svg{flex:none;margin-top:1px}@media (min-width:768px){.nl-login{flex-direction:column;display:flex}.nl-login .lgn{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.nl-login .lh{display:none}.nl-login .lgn-side{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.nl-login .lgn-side .lg{filter:drop-shadow(0 10px 22px #00000080);width:150px;height:auto}.nl-login .champ-ring{border-radius:50%;margin-top:64px;padding:6px;box-shadow:0 0 0 2px #d9ad45,0 0 50px -6px #f3cf6b8c}.nl-login .kick{font:700 12px var(--nl-body);letter-spacing:.12em;text-transform:uppercase;color:#f3cf6b;align-items:center;gap:7px;margin-top:26px;display:inline-flex}.nl-login .lgn-side h2{color:#f3cf6b;margin-top:8px;font-size:46px;line-height:1}.nl-login .lgn-main{background:linear-gradient(#e9edf3 0,#f7f8fa 100%);justify-content:center;align-items:center;padding:40px;display:flex}.nl-login .fcard{width:420px;max-width:100%;margin:0;padding:28px 28px 24px}.nl-login .fcard-h{display:block}.nl-login .fcard-h h1{font-size:36px;line-height:1}.nl-login .fcard-h p{color:var(--color-steel-4);margin:6px 0 20px;font-size:14px}}}@media (min-width:768px) and (max-width:1023px){.nl-login .lgn-side,.nl-login .lgn-main{padding:32px 24px}.nl-login .lgn-side h2{font-size:38px}.nl-login .fcard{padding:24px 22px 20px}}@keyframes nl-login-spin{to{transform:rotate(360deg)}}@media (max-width:345px){.nl-login .lh h1{font-size:30px}.nl-login .lh .lg{width:116px}.nl-login .fcard{margin-left:12px;margin-right:12px;padding:16px 14px}}