.npb-site.auth{background:var(--paper);display:grid;grid-template-columns:minmax(0,1fr);min-height:100vh}@media(min-width:1024px){.npb-site.auth{grid-template-columns:minmax(380px,5fr) minmax(0,7fr)}}.npb-site .auth-side{display:none}@media(min-width:1024px){.npb-site .auth-side{background:radial-gradient(120% 80% at 0 0,var(--band) 40%,var(--band-deep) 100%);display:flex;flex-direction:column;gap:40px;height:100vh;justify-content:space-between;overflow:hidden;padding:48px clamp(40px,4vw,64px);position:sticky;top:0}}.npb-site .auth-wing{bottom:96px;height:auto;opacity:.1;pointer-events:none;position:absolute;right:-24px;width:340px}.npb-site .auth-logo{display:inline-block;line-height:0;position:relative}.npb-site .auth-logo svg{height:auto;width:190px}.npb-site .auth-pitch{display:grid;gap:18px;max-width:46ch;position:relative}.npb-site .auth-pitch h2{font-size:clamp(1.9rem,2.6vw,2.5rem)}.npb-site .auth-pitch h2 span{color:var(--mint)}.npb-site .auth-pitch .lede{font-size:var(--step-0)}.npb-site .auth-points{display:grid;gap:16px;list-style:none;margin:12px 0 0;padding:0}.npb-site .auth-points li{align-items:flex-start;display:flex;gap:14px}.npb-site .auth-points .icon{background:#ffffff14;color:var(--mint);height:40px;width:40px}.npb-site .auth-points .icon svg{height:20px;width:20px}.npb-site .auth-points strong{display:block;font-size:.95rem}.npb-site .auth-points span,.npb-site .auth-side-foot{color:var(--muted);font-size:.9rem}.npb-site .auth-side-foot{position:relative}.npb-site .auth-side-foot a{font-weight:700}.npb-site .auth-main{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;padding:40px 16px 56px}.npb-site .auth-main>.auth-logo{margin-bottom:4px}@media(min-width:1024px){.npb-site .auth-main>.auth-logo{display:none}}.npb-site .auth-card{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px #1d14580f;display:grid;gap:24px;max-width:448px;padding:36px 32px;width:100%}.npb-site .auth-card.wide{max-width:520px}@media(max-width:480px){.npb-site .auth-card{border-radius:16px;padding:28px 20px}}.npb-site .auth-head{display:grid;gap:8px}.npb-site .auth-head .icon{margin-bottom:8px}.npb-site .auth-head h1{font-size:var(--step-3)}.npb-site .auth-foot,.npb-site .auth-head p{color:var(--muted);font-size:.95rem}.npb-site .auth-foot{display:grid;gap:8px;text-align:center}.npb-site .auth-foot a{font-weight:700}@media(min-width:1024px){.npb-site .auth-help{display:none}}.npb-site .auth-form{display:grid;gap:20px}.npb-site .field{display:grid;gap:8px}.npb-site .field>label{color:var(--ink);font-size:.9rem;font-weight:600}.npb-site .field .req{color:var(--brand)}.npb-site .input-wrap{position:relative}.npb-site .input{background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;font-size:1rem;height:48px;padding:0 44px 0 14px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.npb-site .input::-moz-placeholder{color:#9a97b5}.npb-site .input::placeholder{color:#9a97b5}.npb-site .input:hover{border-color:#cfcae6}.npb-site .input:focus,.npb-site .input:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px #5145cd26;outline:none}.npb-site .input:disabled{background:var(--paper);color:var(--muted);cursor:not-allowed}.npb-site .input[aria-invalid=true]{border-color:#f97066}.npb-site .input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #f0443826}.npb-site .input-ok{color:#12b76a;height:20px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:20px}.npb-site .field-msg{align-items:center;display:flex;font-size:.85rem;font-weight:500;gap:6px}.npb-site .field-msg svg{flex:0 0 auto;height:16px;width:16px}.npb-site .field-msg.err{color:#b42318}.npb-site .field-msg.warn{color:#b54708}.npb-site .field-hint{color:var(--muted);font-size:.8rem}.npb-site .code-field .field-hint{text-align:center}.npb-site .btn-block{justify-content:center;width:100%}.npb-site .btn-block svg{height:20px;width:20px}.npb-site .btn .spin{animation:auth-spin .8s linear infinite;border:2px solid;border-radius:999px;border-top:2px solid transparent;height:18px;width:18px}@keyframes auth-spin{to{transform:rotate(1turn)}}.npb-site .auth-alt{color:var(--muted);font-size:.9rem;text-align:center}.npb-site .auth-alt a,.npb-site .auth-alt button{background:none;border:0;color:var(--brand);cursor:pointer;font:inherit;font-weight:700;padding:0}.npb-site .auth-alt button:disabled{cursor:default;opacity:.5}.npb-site .auth-alert{align-items:flex-start;border:1px solid;border-radius:12px;display:flex;font-size:.9rem;gap:12px;line-height:1.5;padding:14px 16px}.npb-site .auth-alert svg{flex:0 0 auto;height:20px;margin-top:1px;width:20px}.npb-site .auth-alert strong{display:block}.npb-site .auth-alert.ok{background:#ecfdf3;border-color:#abefc6;color:#067647}.npb-site .auth-alert.err{background:#fef3f2;border-color:#fecdca;color:#b42318}.npb-site .auth-alert.warn{background:#fffaeb;border-color:#fedf89;color:#93370d}.npb-site .auth-alert.warn a{color:inherit;font-weight:700}.npb-site .auth-alert .auth-alert-link{color:inherit;display:inline-block;font-weight:700;margin-top:6px}.npb-site .auth-resend{align-items:center;background:var(--paper);border-radius:12px;color:var(--muted);display:flex;font-size:.9rem;gap:12px;justify-content:space-between;padding:12px 16px}.npb-site .auth-resend button{background:none;border:0;color:var(--brand);cursor:pointer;font:inherit;font-weight:700;padding:0}.npb-site .auth-resend button:disabled{cursor:default;opacity:.5}.npb-site .auth-progress{color:var(--muted);display:grid;font-size:.8rem;gap:8px}.npb-site .auth-progress>div:first-child{display:flex;justify-content:space-between}.npb-site .auth-progress .bar{background:var(--lilac);border-radius:999px;height:6px;overflow:hidden}.npb-site .auth-progress .bar span{background:var(--brand);border-radius:inherit;display:block;height:100%;transition:width .4s ease}.npb-site .auth-note{align-items:flex-start;border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:.85rem;gap:10px;line-height:1.55;padding-top:20px}.npb-site .auth-note svg{color:var(--brand);flex:0 0 auto;height:18px;margin-top:1px;width:18px}.npb-site .auth-note a{font-weight:600}.npb-site .auth-note strong{color:var(--ink);display:block}
