.auth-main{background:var(--nx-050827);min-height:100vh;margin:0;padding:0}.login{background:var(--nx-050827);min-height:100vh;color:var(--nx-f8f5ff);place-items:center;padding:48px 16px;display:grid;position:relative;overflow:hidden}.login-background{object-fit:cover;opacity:.55;z-index:0}.login-card{z-index:1;background:var(--nx-0b0f31eb);width:min(420px,100%);box-shadow:0 28px 80px var(--nx-02041d8c),inset 0 1px 0 #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:login-in var(--t-base) var(--e-out) both;border:1px solid #31345f;border-radius:18px;gap:18px;padding:28px 26px 24px;display:grid;position:relative}@keyframes login-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.login-view{animation:login-view-in var(--t-base) var(--e-out) both}@keyframes login-view-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.login-identity{align-items:center;gap:14px;display:flex}.login-identity img{object-fit:contain;filter:drop-shadow(0 8px 18px #ff3c7150);flex:0 0 64px;width:64px;height:64px}.login-identity span{color:var(--nx-ef72e8);text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:800;display:block}.login-identity h1{color:#fff;letter-spacing:.02em;margin:6px 0 0;font-size:22px;font-weight:500;line-height:1.15}.login-form{gap:14px;display:grid}.login-hint{color:var(--nx-c4bed0);margin:0;font-size:12px;line-height:1.5}.login-hint b{color:#fff;font-weight:600}.login-field{gap:6px;display:grid}.login-field-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.login-field-head label{color:var(--nx-d6d0df);font-size:12px;font-weight:600}.login-field small{color:var(--nx-aaa4b9);font-size:11px;line-height:1.4}.login-field small.login-field-error{color:#ffb38a}.login-field input{box-sizing:border-box;background:var(--nx-070b2b);color:#fff;width:100%;height:44px;font:inherit;transition:border-color var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out);border:1px solid #31345f;border-radius:11px;outline:0;padding:0 13px;font-size:14px}.login-field input::placeholder{color:var(--nx-807a96)}.login-field input:focus{border-color:var(--nx-a446f2);box-shadow:0 0 0 3px var(--nx-a446f233)}.login-field input[aria-invalid=true]{border-color:#ff7800a6}.login-field input[readonly]{color:var(--nx-d6d0df);cursor:default;background:#ffffff06}.login-field input[readonly]:focus{box-shadow:none;border-color:#31345f}.login-password{display:block;position:relative}.login-password input{padding-right:46px}.login-password button{width:36px;height:36px;color:var(--nx-aaa4b9);cursor:pointer;transition:background-color var(--t-fast) var(--e-out),color var(--t-fast) var(--e-out);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:4px;right:4px}.login-password button:hover{color:#fff;background:#ffffff10}.login-password button:focus-visible{outline:2px solid var(--nx-f17bec);outline-offset:-2px}.login-password button svg{width:17px;height:17px}.login-link{color:var(--nx-d9a6f7);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:600}.login-link:hover{color:var(--nx-f0d2ff);text-underline-offset:2px;text-decoration:underline}.login-link:focus-visible{outline:2px solid var(--nx-f17bec);outline-offset:2px;border-radius:4px}.login-primary{background:linear-gradient(135deg,var(--purple),var(--violet));color:#fff;height:46px;font:inherit;cursor:pointer;box-shadow:0 10px 24px var(--nx-5e267d59);transition:filter var(--t-fast) var(--e-out),transform var(--t-fast) var(--e-out);border:0;border-radius:11px;margin-top:2px;font-size:14px;font-weight:700}.login-primary:hover{filter:brightness(1.08)}.login-primary:focus-visible{outline:3px solid var(--nx-f17bec);outline-offset:2px}.login-primary:active{transition-duration:0s;transform:scale(.97)}.login-primary:disabled{cursor:progress;filter:none;opacity:.75}.login-divider{color:var(--nx-807a96);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex}.login-divider:before,.login-divider:after{content:"";background:#31345f;flex:1;height:1px}.login-secondary{height:44px;color:var(--nx-e9dcf0);font:inherit;cursor:pointer;transition:background-color var(--t-fast) var(--e-out),border-color var(--t-fast) var(--e-out),transform var(--t-fast) var(--e-out);background:0 0;border:1px solid #31345f;border-radius:11px;font-size:13px;font-weight:600}.login-secondary:hover{border-color:var(--nx-a446f266);background:var(--nx-a446f214)}.login-secondary:focus-visible{outline:3px solid var(--nx-f17bec);outline-offset:2px}.login-secondary:active{transition-duration:0s;transform:scale(.97)}.login-methods{gap:14px;display:grid}.login-methods h2{color:#fff;letter-spacing:.02em;margin:0;font-size:15px;font-weight:600}.login-back{width:fit-content;color:var(--nx-c4bed0);font:inherit;cursor:pointer;transition:color var(--t-fast) var(--e-out);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.login-back:hover{color:#fff}.login-back:focus-visible{outline:2px solid var(--nx-f17bec);outline-offset:3px;border-radius:4px}.login-back svg{width:15px;height:15px}.login-google{color:#1f1f1f;height:46px;transition:background-color var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out),transform var(--t-fast) var(--e-out);background:#fff;border:1px solid #dadce0;border-radius:11px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.login-google:hover{background:var(--nx-f3f1f6);box-shadow:0 6px 18px var(--nx-02041d52)}.login-google:focus-visible{outline:3px solid var(--nx-f17bec);outline-offset:2px}.login-google:active{transition-duration:0s;transform:scale(.97)}.login-google-off{text-align:center;gap:6px;display:grid}.login-google.is-disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.login-google.is-disabled:hover{box-shadow:none;background:#fff}.login-google-off small{color:var(--nx-aaa4b9);font-size:11px}.login-note{color:var(--nx-c4bed0);margin:-6px 0 0;font-size:12px;line-height:1.5}.login-first{text-align:left;align-items:flex-start;gap:7px;margin:0;display:flex}.login-first svg{width:14px;height:14px;color:var(--nx-d9a6f7);flex:0 0 14px;margin-top:2px}.login-as-link{place-items:center;text-decoration:none;display:grid}.login-center{justify-self:center}.login-error{border:1px solid #ff780059;border-left:3px solid var(--orange);color:#ffd2b0;background:#ff78001a;border-radius:10px;margin:0;padding:10px 12px;font-size:12px;line-height:1.5}.login-notice{border:1px solid var(--nx-a446f247);border-left:3px solid var(--nx-a446f2);background:var(--nx-a446f214);color:var(--nx-e9dcf0);border-radius:10px;gap:8px;margin:0;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.login-notice svg{width:15px;height:15px;color:var(--nx-d9a6f7);flex:0 0 15px;margin-top:2px}.login-demo{border-top:1px solid #31345f;gap:10px;padding-top:16px;display:grid}.login-demo>header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.login-demo h2{color:#fff;letter-spacing:.02em;margin:0;font-size:13px;font-weight:600}.login-demo>header span{color:var(--nx-ef72e8);text-transform:uppercase;letter-spacing:.16em;font-size:9px;font-weight:800}.login-demo ul{gap:4px;max-height:min(330px,46vh);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.login-demo button{width:100%;min-height:50px;color:var(--nx-f8f5ff);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--t-fast) var(--e-out),border-color var(--t-fast) var(--e-out),transform var(--t-fast) var(--e-out);background:#ffffff08;border:1px solid #0000;border-radius:11px;grid-template-columns:34px minmax(0,1fr) 15px;align-items:center;gap:10px;padding:7px 10px;display:grid}.login-demo button:hover:not(:disabled){background:var(--nx-a446f21f);border-color:var(--nx-a446f252)}.login-demo button:focus-visible{outline:3px solid var(--nx-f17bec);outline-offset:-2px}.login-demo button:active:not(:disabled){transition-duration:0s;transform:scale(.97)}.login-demo button:disabled{cursor:default;opacity:.55}.login-demo button[aria-busy=true]{opacity:1;border-color:var(--nx-a446f280)}.login-demo button>svg{width:15px;height:15px;color:var(--nx-a494ad)}.login-avatar{background:linear-gradient(145deg,var(--nx-33204c),var(--nx-58216f));width:34px;height:34px;color:var(--nx-f2dcf6);letter-spacing:.04em;border-radius:10px;place-items:center;font-size:11px;font-weight:700;display:grid}.login-person{gap:2px;min-width:0;display:grid}.login-person b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.login-person small{color:var(--nx-aaa4b9);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}@media (max-width:599px){.login{align-items:start;padding:24px 16px}.login-card{padding:22px 18px 18px}.login-identity img{flex-basis:52px;width:52px;height:52px}.login-identity h1{font-size:20px}}