*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%}body{font-family:Roboto Flex;background-color:#fff;width:100%;height:100%}main{padding:3rem;height:100%;text-align:center;display:flex;justify-content:space-between;flex-direction:column;align-items:center}#app{height:100%}#view{display:flex;flex-direction:column;align-items:center}h1{font-style:normal;font-weight:600;font-size:24px;line-height:150%;letter-spacing:.07em;text-transform:uppercase;color:#252121;font-stretch:130%;margin-top:26px;font-variation-settings:"opsz" 58,"GRAD" 64,"slnt" 32,"XTRA" 546,"XOPQ" 96,"YOPQ" 79,"YTLC" 514,"YTUC" 668,"YTAS" 750,"YTDE" -203,"YTFI" 738}section p{font-style:normal;font-weight:300;font-size:16px;line-height:150%;letter-spacing:.01em;color:#000;font-stretch:123;margin-top:8px;font-variation-settings:"opsz" 14,"GRAD" 0,"slnt" 0,"XTRA" 468,"XOPQ" 96,"YOPQ" 79,"YTLC" 514,"YTUC" 712,"YTAS" 750,"YTDE" -203,"YTFI" 738}button,a{padding:12px 40px;background-color:#252121;color:#fff;border:1px solid #252121;border-radius:72px;font-size:16px;letter-spacing:.0112em;font-weight:471;cursor:pointer;transition:all .2s ease;text-decoration:none;display:block;margin-top:24px}button:hover,a:hover{background-color:transparent;color:#252121;border:1px solid #252121}.password-requirements{display:flex;flex-direction:column;align-items:flex-start;padding:16px 24px;gap:8px;border:1px solid #e2e8f0;background-color:#f7fafc;border-radius:8px;margin-top:24px}.reset-password{width:360px}.reset-password input{width:100%;padding:16px 24px;border-radius:32px;border:1px solid #cbd5e0;letter-spacing:.01em;color:#2d3748;font-weight:300;font-size:16px}.reset-password button{margin:24px auto 0}.reset-password button:disabled{background-color:#edf2f7;border-color:#edf2f7;color:#cbd5e0;pointer-events:none}.reset-password .steps{padding:8px 24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;width:100%}.reset-password .steps div{height:4px;background-color:#e2e8f0;transition:background-color .2s ease}.reset-password .steps div.success{background-color:#25855a}.reset-password .steps div.error{background-color:#c53030}.password-requirements h3{font-weight:600;font-size:16px}.password-requirements p{font-weight:300;font-size:16px;letter-spacing:.01em;transition:color .2s ease;color:#0b0b0d}.password-requirements p.success{color:#25855a}.input-container{position:relative}.input-container img{position:absolute;right:25px;top:50%;transform:translateY(-50%);cursor:pointer}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#f36c0d;margin:-4px 0 0 -4px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}