.np-login-modal{align-items:center;animation:np-login-modal-fade .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--np-scrim);display:flex;font-family:var(--np-font-ui);inset:0;justify-content:center;overflow-y:auto;padding:var(--np-space-24);position:fixed;z-index:1000}.np-login-modal[hidden]{display:none}.np-login-modal .np-login-modal__panel{--np-login-pad-y:var(--np-space-48);--np-login-pad-x:var(--np-space-48);animation:np-login-modal-rise .24s cubic-bezier(.2,.8,.2,1);background-color:var(--np-surface-card);border-radius:var(--np-radius-lg);box-shadow:var(--np-shadow-lg);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--np-space-32);margin-block:auto;max-width:530px;padding:var(--np-login-pad-y) var(--np-login-pad-x);position:relative;width:100%}@keyframes np-login-modal-fade{0%{opacity:0}}@keyframes np-login-modal-rise{0%{opacity:0;transform:translateY(12px) scale(.98)}}.np-login-modal .np-login-modal__header{align-items:center;background:linear-gradient(rgba(8,22,52,.25),rgba(8,22,52,.25)),var(--np-gradient-mesh);border-radius:var(--np-radius-lg) var(--np-radius-lg) 0 0;display:flex;flex-direction:column;gap:var(--np-space-16);margin:calc(var(--np-login-pad-y)*-1) calc(var(--np-login-pad-x)*-1) 0;padding:var(--np-login-pad-y) var(--np-login-pad-x) var(--np-space-32);text-align:center}.np-login-modal .np-login-modal__title{color:var(--np-text-primary);font-size:24px;font-weight:600;line-height:30px;margin:0}.np-login-modal .np-login-modal__subtitle{color:var(--np-text-secondary);font-size:14px;font-weight:400;line-height:22px;margin:0}.np-login-modal .np-login-modal__options{display:flex;flex-direction:column;gap:var(--np-space-16)}.np-login-modal .np-login-modal__option{align-items:center;background-color:var(--np-surface-card);border:1px solid var(--np-border-default);border-radius:var(--np-radius-lg);display:flex;gap:var(--np-space-16);padding:var(--np-space-24);text-decoration:none;transition:border-color .2s ease,background-color .2s ease}.np-login-modal .np-login-modal__option:hover{background-color:var(--np-surface-muted);border-color:var(--np-brand-primary);box-shadow:var(--np-shadow-brand)}.np-login-modal .np-login-modal__option:hover .np-login-modal__badge{background-color:color-mix(in srgb,var(--np-brand-primary) 16%,var(--np-surface-card))}.np-login-modal .np-login-modal__option:hover .np-login-modal__chevron{transform:translateX(4px)}.np-login-modal .np-login-modal__option:focus-visible{outline:2px solid var(--np-focus-ring);outline-offset:2px}.np-login-modal .np-login-modal__badge{align-items:center;background-color:color-mix(in srgb,var(--np-brand-primary) 8%,var(--np-surface-card));border-radius:var(--np-radius-pill);display:flex;flex:none;height:56px;justify-content:center;transition:background-color .2s ease;width:56px}.np-login-modal .np-login-modal__badge img{display:block;height:24px;object-fit:contain;width:24px}.np-login-modal .np-login-modal__option-text{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--np-space-4);min-width:0}.np-login-modal .np-login-modal__option-title{color:var(--np-text-primary);font-size:18px;font-weight:600;line-height:26px}.np-login-modal .np-login-modal__option-description{color:var(--np-text-secondary);font-size:14px;font-weight:400;line-height:22px}.np-login-modal .np-login-modal__chevron{align-items:center;display:flex;flex:none;height:34px;justify-content:center;transition:transform .2s ease;width:34px}.np-login-modal .np-login-modal__chevron img{display:block;height:18px;object-fit:contain;width:18px}.np-login-modal .np-login-modal__footer{align-items:center;display:flex;flex-direction:column;gap:var(--np-space-24)}.np-login-modal .np-login-modal__security{align-items:center;border:1px solid var(--np-border-default);border-radius:var(--np-radius-md);box-sizing:border-box;color:var(--np-text-secondary);display:flex;font-size:13px;font-weight:500;gap:var(--np-space-8);justify-content:center;line-height:18px;margin:0;padding:var(--np-space-12);width:100%}.np-login-modal .np-login-modal__security img{display:block;flex:none;height:16px;object-fit:contain;width:16px}.np-login-modal .np-login-modal__help{color:var(--np-text-secondary);font-size:13px;line-height:18px;text-align:center}.np-login-modal .np-login-modal__help p{margin:0}.np-login-modal .np-login-modal__help a{color:var(--np-brand-primary);text-decoration:none}.np-login-modal .np-login-modal__help a:hover{text-decoration:underline}.np-login-modal .np-login-modal__close{align-items:center;background-color:transparent;border:0;border-radius:var(--np-radius-md);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:var(--np-space-16);top:var(--np-space-16);width:32px}.np-login-modal .np-login-modal__close:hover{background-color:var(--np-on-dark-panel)}.np-login-modal .np-login-modal__close img{display:block;filter:brightness(0) invert(1);height:24px;object-fit:contain;width:24px}.np-login-modal .np-login-modal__close:focus-visible{outline:2px solid var(--np-focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.np-login-modal,.np-login-modal .np-login-modal__panel{animation:none}.np-login-modal .np-login-modal__badge,.np-login-modal .np-login-modal__chevron,.np-login-modal .np-login-modal__option{transition:none}}@media (max-width:768px){.np-login-modal{padding:var(--np-space-16)}.np-login-modal .np-login-modal__panel{--np-login-pad-y:var(--np-space-32);--np-login-pad-x:var(--np-space-24);gap:var(--np-space-24)}.np-login-modal .np-login-modal__header{padding-bottom:var(--np-space-24);padding-top:var(--np-space-48)}.np-login-modal .np-login-modal__option{padding:var(--np-space-16)}.np-login-modal .np-login-modal__chevron{display:none}}