/* LULYGraphics account security flow — intentionally shares the login page template. */
body.luly-reset-page{overflow-x:hidden;}
body.luly-reset-page .reset-brand-copy h1{max-width:760px;}
body.luly-reset-page .reset-brand-copy p{max-width:590px;}
body.luly-reset-page .reset-card{width:min(100%,520px)!important;max-width:520px!important;}

.reset-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:.45rem;}
body.luly-reset-page .reset-back-login{display:inline-flex;align-items:center;gap:.45rem;margin:.35rem 0 0;color:rgba(255,246,236,.58);font-size:.77rem;font-weight:750;text-decoration:none;transition:color .18s ease,transform .18s ease;}
body.luly-reset-page .reset-back-login:hover{color:#fff2e5;transform:translateX(-2px);}
body.luly-reset-page .reset-card-logo{margin:0!important;flex:0 0 auto;}
body.luly-reset-page .reset-card-logo img{display:block;}

.reset-progress{position:relative;margin:1.05rem 0 2rem;padding-top:2px;}
.reset-progress[hidden]{display:none!important;}
.reset-progress-line{position:absolute;z-index:0;top:20px;left:calc(16.666% + 18px);right:calc(16.666% + 18px);height:2px;background:rgba(255,255,255,.095);overflow:hidden;pointer-events:none;}
.reset-progress-line>span{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff7119,#ffb15a);transition:width .3s ease;}
.reset-progress-items{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);align-items:start;}
.reset-progress-items>button{appearance:none;-webkit-appearance:none;border:0;padding:0;background:transparent;display:grid;justify-items:center;gap:.46rem;color:rgba(255,246,236,.4);font-family:inherit;font-size:.7rem;font-weight:800;cursor:default;outline:none;}
.reset-progress-items>button b{position:relative;z-index:3;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#0d0b09;color:rgba(255,246,236,.5);font-size:.78rem;font-weight:800;transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;}
.reset-progress-items>button.is-active,.reset-progress-items>button.is-done{color:#ffb15a;}
.reset-progress-items>button.is-active b{border-color:rgba(255,141,46,.72);background:linear-gradient(180deg,rgba(255,112,20,.2),rgba(255,112,20,.08)),#0d0b09;color:#ffd2a4;box-shadow:0 0 20px rgba(255,106,0,.12);}
.reset-progress-items>button.is-done b{border-color:rgba(255,141,46,.66);background:#231208;color:#ffba70;}
.reset-progress-items>button.is-clickable{cursor:pointer;}
.reset-progress-items>button.is-clickable:hover b{transform:translateY(-2px) scale(1.045);border-color:rgba(255,166,76,.9);box-shadow:0 8px 20px rgba(255,106,0,.15);}
.reset-progress-items>button.is-clickable:hover span{color:#ffd0a0;}
.reset-progress-items>button.is-clickable:active b{transform:translateY(0) scale(.98);}
.reset-progress-items>button:focus-visible b{outline:2px solid rgba(255,154,57,.75);outline-offset:4px;}
body.luly-reset-page.is-verify-flow .reset-progress-line{left:calc(25% + 18px);right:calc(25% + 18px);}
body.luly-reset-page.is-verify-flow .reset-progress-items{grid-template-columns:repeat(2,1fr);}
body.luly-reset-page.is-verify-flow [data-reset-step-dot="3"]{display:none;}

.reset-step[hidden],.reset-success[hidden]{display:none!important;}
.reset-step{animation:resetStepIn .24s ease both;}
.reset-kicker{display:block;margin:0 0 .65rem;color:#ffad5a;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;}
.reset-step h2,.reset-success h2{margin:0 0 .65rem;color:#fff7ef;font-size:clamp(2rem,4vw,2.75rem);font-weight:900;letter-spacing:-.055em;line-height:1.02;}
.reset-step>p,.reset-success>p{margin:0 0 1.6rem;color:rgba(255,246,236,.58);font-size:.84rem;line-height:1.65;}
.reset-step label{display:block;margin:0 0 8px;color:rgba(255,247,238,.76);font-size:.72rem;font-weight:800;}
.reset-step input[type="email"]{width:100%;height:56px;padding:0 16px;border:1px solid rgba(255,161,67,.22);border-radius:15px;background:rgba(255,255,255,.035);color:#fff7ef;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.reset-step input[type="email"]:focus,.reset-code-grid input:focus,.reset-password-field .form-control:focus{border-color:rgba(255,167,75,.58)!important;background:rgba(255,255,255,.05)!important;box-shadow:0 0 0 4px rgba(255,114,20,.06)!important;}
.reset-primary{min-height:54px;margin-top:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1!important;}
.reset-status{min-height:1.15rem;margin:.8rem 0 0;color:rgba(255,247,238,.58);font-size:.74rem;line-height:1.45;}
.reset-status.is-error{color:#ff9890;}.reset-status.is-success{color:#b6e5ba;}

.reset-code-grid{display:grid;grid-template-columns:repeat(4,64px);justify-content:center;gap:12px;margin:1.3rem 0 .4rem;}
.reset-code-grid input{width:64px;height:70px;border:1px solid rgba(255,161,67,.24);border-radius:16px;background:rgba(255,255,255,.035);color:#fff5ea;text-align:center;font:800 1.6rem/1 "Poppins",sans-serif;outline:none;caret-color:#ff9d45;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;}
.reset-code-grid input:not(:placeholder-shown){border-color:rgba(255,151,59,.42);}
.reset-code-actions{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:14px;text-align:center;}
.reset-code-actions button{padding:0;border:0;background:transparent;color:rgba(255,185,113,.76);font-size:.72rem;font-weight:800;transition:color .18s ease,opacity .18s ease,transform .18s ease;}
.reset-code-actions button:hover:not(:disabled){color:#ffd0a0;text-decoration:underline;transform:translateY(-1px);}
.reset-code-actions button:disabled{opacity:.4;cursor:not-allowed;text-decoration:none;}
.reset-resend-hint{min-height:1rem;margin:.55rem auto 0;text-align:center;color:rgba(255,246,236,.42);font-size:.68rem;line-height:1.45;}
.reset-step[data-reset-step="2"] .reset-status{text-align:center;margin-left:auto;margin-right:auto;}
.reset-code-form-shake{animation:resetCodeShake .34s ease both;}

.reset-password-field{position:relative;margin-bottom:10px;}
.reset-password-field .form-control{width:100%;height:56px!important;min-height:56px!important;border:1px solid rgba(255,161,67,.22)!important;border-radius:15px!important;background:rgba(255,255,255,.035)!important;color:#fff7ef!important;}
.reset-password-field .password-logo-toggle{right:.62rem;}

.reset-success{text-align:left;animation:resetStepIn .24s ease both;}
.reset-success-label{display:flex;align-items:center;gap:9px;margin:0 0 .72rem;}
.reset-success-label .reset-kicker{margin:0;}
.reset-success-check{display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(120,216,137,.34);border-radius:50%;background:rgba(87,190,105,.08);color:#9ae3a6;font-size:.58rem;}
.reset-primary-link{text-decoration:none!important;}

@keyframes resetStepIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes resetCodeShake{0%,100%{transform:translateX(0)}22%{transform:translateX(-5px)}44%{transform:translateX(4px)}66%{transform:translateX(-3px)}82%{transform:translateX(2px)}}
@media(max-width:575.98px){
  .reset-code-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .reset-code-grid input{width:100%;height:62px}
  .reset-progress{margin-bottom:1.55rem}
  .reset-card-head{align-items:center}
}
@media(prefers-reduced-motion:reduce){
  .reset-step,.reset-success,.reset-code-form-shake{animation:none}
  .reset-progress-line>span,.reset-progress-items>button b{transition:none}
}

/* v3.20.0: use the supplied SVG check on auth success. */
.reset-success-check img{
  display:block;
  width:10px;
  height:10px;
  object-fit:contain;
}