.nl-auth-scope{--bg-primary:#e7c4c4;--bg-secondary:#e7c4c4;--bg-glass:#e7c4c4eb;--bg-glass-dark:#e7c4c4;--color-primary:#c51315;--color-primary-dark:#530e11;--color-primary-light:#c513151f;--color-accent:#650f12;--text-primary:#650f12;--text-secondary:#650f12b8;--text-muted:#650f126b;--text-on-primary:#e7c4c4;--border-color:#650f1229;--border-color-strong:#650f124d;--shadow-sm:0 1px 3px #530e111a;--shadow-md:0 6px 18px #530e1129;--shadow-lg:0 24px 60px #530e1147;--font-title:var(--font-montserrat), "Montserrat", system-ui, sans-serif;--font-body:var(--font-montserrat), "Montserrat", system-ui, sans-serif;--btn-gradient:linear-gradient(135deg, #c51315 0%, #530e11 100%);--btn-hover-gradient:linear-gradient(135deg, #d91416 0%, #650f12 100%);--state-error:#a50e16;--state-error-soft:#a50e1614;--state-success:#2f6b4f;--state-success-soft:#2f6b4f1a}.nl-auth-scope .blur-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;opacity:0;visibility:hidden;pointer-events:none;background:#530e1159;transition:all .3s;position:fixed;inset:0}.nl-auth-scope .blur-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.nl-auth-scope .btn{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:none;border-radius:999px;outline:none;justify-content:center;align-items:center;gap:8px;padding:14px 26px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.nl-auth-scope .btn-primary{background:var(--btn-gradient);color:var(--text-on-primary);box-shadow:var(--shadow-sm)}.nl-auth-scope .btn-primary:hover{background:var(--btn-hover-gradient);transform:translateY(-2px);box-shadow:0 0 28px #530e1180}.nl-auth-scope .btn-ghost{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color-strong)}.nl-auth-scope .btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 22px #c5131547}.nl-auth-scope .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.nl-auth-scope .btn-secondary:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-2px)}.nl-auth-scope .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.nl-auth-scope .modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;opacity:0;visibility:hidden;pointer-events:none;background:#530e1166;justify-content:center;align-items:center;padding:20px;transition:all .3s;display:flex;position:fixed;inset:0}.nl-auth-scope .modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.nl-auth-scope .modal{background:var(--bg-primary);border:1px solid var(--border-color);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:28px;padding:36px 32px;transition:transform .3s cubic-bezier(.34,1.36,.64,1);position:relative;overflow-y:auto;transform:scale(.94)translateY(8px)}.nl-auth-scope .modal-overlay.active .modal{transform:scale(1)translateY(0)}.nl-auth-scope .modal-small{max-width:380px}.nl-auth-scope .modal-large{max-width:600px}.nl-auth-scope .modal-close-btn{border:1px solid var(--border-color);cursor:pointer;width:36px;height:36px;color:var(--text-muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.nl-auth-scope .modal-close-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.nl-auth-scope .modal-title{font-family:var(--font-title);letter-spacing:-.02em;text-transform:uppercase;color:var(--text-primary);text-align:center;margin:0 0 26px;padding-right:30px;font-size:1.6rem;font-weight:800}.nl-auth-scope .modal-buttons{justify-content:flex-end;gap:12px;margin-top:15px;display:flex}.nl-auth-scope .auth-modal{max-width:440px}.nl-auth-scope .auth-form{flex-direction:column;gap:16px;display:flex}.nl-auth-scope .form-group{flex-direction:column;gap:8px;display:flex}.nl-auth-scope .form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:600}.nl-auth-scope .form-input{border:1px solid var(--border-color);font-family:var(--font-body);color:var(--text-primary);background:#e7c4c480;border-radius:16px;width:100%;padding:14px 18px;font-size:15px;transition:border-color .25s,background .25s,box-shadow .25s,transform .2s}.nl-auth-scope .form-input:focus{border-color:var(--color-primary);background:#e7c4c4b3;outline:none;box-shadow:0 0 0 3px #c513151f}.nl-auth-scope .form-input::placeholder{color:var(--text-muted)}.nl-auth-scope .form-input.input-error,.nl-auth-scope .form-input.error{background:var(--state-error-soft);animation:.32s shake,.32s errorPulse;border-color:var(--state-error)!important}.nl-auth-scope .form-input.input-success{background:var(--state-success-soft);animation:.32s successPulse;border-color:var(--state-success)!important}.nl-auth-scope .field-error{color:var(--state-error);margin-top:2px;font-size:12px;line-height:1.3;animation:.22s fadeIn}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes errorPulse{0%{box-shadow:0 0 #a50e1633}to{box-shadow:0 0 0 8px #a50e1600}}@keyframes successPulse{0%{box-shadow:0 0 #2f6b4f33}to{box-shadow:0 0 0 8px #2f6b4f00}}.nl-auth-scope .password-checks{border:1px solid var(--border-color);background:#e7c4c473;border-radius:14px;flex-direction:column;gap:6px;margin-top:4px;padding:12px 14px;animation:.22s fadeIn;display:flex}.nl-auth-scope .check-item{align-items:center;gap:8px;font-size:12px;line-height:1.3;transition:color .2s,opacity .2s;display:flex}.nl-auth-scope .check-item.valid{color:var(--state-success)}.nl-auth-scope .check-item.invalid{color:var(--text-muted)}.nl-auth-scope .check-item .check-icon{text-align:center;flex-shrink:0;width:16px;font-weight:700}.nl-auth-scope .form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23650f12' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;padding-right:40px}.nl-auth-scope .auth-switch{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:14px}.nl-auth-scope .auth-switch-link{color:var(--color-primary);cursor:pointer;font-weight:700;transition:color .2s}.nl-auth-scope .auth-switch-link:hover{color:var(--color-primary-dark);text-decoration:underline}.nl-auth-scope .auth-hint{color:var(--text-secondary);text-align:left;margin:0 0 15px;font-size:13px;line-height:1.5}.nl-auth-scope .auth-tabs{border:1px solid var(--border-color);background:#e7c4c499;border-radius:999px;gap:6px;margin-bottom:20px;padding:5px;display:flex}.nl-auth-scope .auth-tab{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:999px;flex:1;padding:10px 8px;font-size:12px;font-weight:600;transition:all .25s}.nl-auth-scope .auth-tab:hover{color:var(--text-primary)}.nl-auth-scope .auth-tab.active{background:var(--color-primary);color:var(--text-on-primary);box-shadow:var(--shadow-sm)}.nl-auth-scope .social-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:12px;margin:20px 0 14px;font-size:11px;display:flex}.nl-auth-scope .social-divider:before,.nl-auth-scope .social-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.nl-auth-scope .social-buttons{gap:10px;display:flex}.nl-auth-scope .btn-social{border:1px solid var(--border-color);font-family:var(--font-body);cursor:pointer;color:var(--text-primary);background:#e7c4c480;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 10px;font-size:13px;font-weight:600;transition:all .25s;display:flex}.nl-auth-scope .btn-social:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 0 22px #c5131533}.nl-auth-scope .btn-social svg{flex-shrink:0;width:18px;height:18px}.nl-auth-scope .btn-social:active{transform:translateY(0)}.nl-auth-scope .auth-steps{justify-content:center;align-items:center;gap:0;margin-bottom:25px;display:flex}.nl-auth-scope .step{background:var(--bg-secondary);border:1px solid var(--border-color);width:35px;height:35px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .3s;display:flex}.nl-auth-scope .step.active{background:var(--btn-gradient);border-color:var(--color-primary);color:var(--text-on-primary)}.nl-auth-scope .step.completed{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-on-primary)}.nl-auth-scope .step-line{background:var(--border-color);width:40px;height:2px}.nl-auth-scope .form-step{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nl-auth-scope .form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.nl-auth-scope .step-nav{justify-content:space-between;gap:12px;margin-top:20px;display:flex}.nl-auth-scope .step-nav .btn{flex:1}.nl-auth-scope .password-toggle-wrapper{align-items:center;gap:10px;margin-top:8px;display:flex}.nl-auth-scope .password-toggle-checkbox{display:none}.nl-auth-scope .password-toggle-label{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.nl-auth-scope .password-toggle-label:hover{color:var(--text-primary)}.nl-auth-scope .password-toggle-icon{border:1px solid var(--border-color);background:#e7c4c480;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex}.nl-auth-scope .password-toggle-icon svg{width:16px;height:16px;fill:var(--text-muted);opacity:0;transition:opacity .3s}.nl-auth-scope .password-toggle-checkbox:checked+.password-toggle-label .password-toggle-icon{background:var(--color-primary);border-color:var(--color-primary)}.nl-auth-scope .password-toggle-checkbox:checked+.password-toggle-label .password-toggle-icon svg{opacity:1;fill:var(--text-on-primary)}.nl-auth-scope .toast-container{z-index:3000;flex-direction:column;gap:10px;display:flex;position:fixed;top:90px;right:20px}.nl-auth-scope .toast{background:var(--bg-primary);border:1px solid var(--border-color);min-width:300px;max-width:400px;box-shadow:var(--shadow-md);border-radius:18px;padding:16px 20px;animation:.4s cubic-bezier(.68,-.55,.265,1.55) forwards toastSlideIn;position:relative;overflow:hidden;transform:translate(120%)}.nl-auth-scope .toast.toast-out{animation:.3s forwards toastSlideOut}.nl-auth-scope .toast-content{align-items:center;gap:12px;display:flex}.nl-auth-scope .toast-icon{flex-shrink:0;font-size:1.3em}.nl-auth-scope .toast-message{color:var(--text-primary);font-size:.95em;line-height:1.4}.nl-auth-scope .toast-progress{background:var(--color-primary);height:3px;animation:5s linear forwards toastProgress;position:absolute;bottom:0;left:0}.nl-auth-scope .toast.success{border-color:#2f6b4f66}.nl-auth-scope .toast.success .toast-icon{color:var(--state-success)}.nl-auth-scope .toast.success .toast-progress{background:var(--state-success)}.nl-auth-scope .toast.error{border-color:#a50e1666}.nl-auth-scope .toast.error .toast-icon{color:var(--state-error)}.nl-auth-scope .toast.error .toast-progress{background:var(--state-error)}.nl-auth-scope .toast.warning{border-color:var(--border-color-strong)}.nl-auth-scope .toast.warning .toast-icon{color:var(--color-primary)}.nl-auth-scope .toast.warning .toast-progress{background:var(--color-primary)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@keyframes toastProgress{0%{width:100%}to{width:0%}}@media (max-width:480px){.nl-auth-scope .modal{border-radius:24px;padding:26px 20px}.nl-auth-scope .modal-title{font-size:1.3rem}.nl-auth-scope .form-row{grid-template-columns:1fr}.nl-auth-scope .toast{min-width:260px;max-width:calc(100vw - 40px)}.nl-auth-scope .social-buttons{flex-direction:column}}@media (prefers-reduced-motion:reduce){.nl-auth-scope *,.nl-auth-scope :before,.nl-auth-scope :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
