.page{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100svh}.page_overlay{--img-url:"";overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.page_overlay::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,transparent 0%,var(--overlay-dark) 100%),var(--img-url);background-size:cover;filter:blur(1px);transform:scale(1.1);z-index:-1}.page_wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;width:100%;margin-top:50px}.page_wrapper_card{position:relative;z-index:1;width:100%;max-width:400px;margin:150px 0 0;min-height:580px;background-color:var(--dark-card);padding:40px 30px 20px;border-radius:20px 20px 0 0;box-shadow:var(--card-shadow);border:1px solid var(--dark-input-border)}@media (min-width:420px){.page_wrapper_card{margin:100px 0;border-radius:20px;min-height:auto}}.page_wrapper_card .title{color:var(--primary-color);text-align:center;margin-bottom:0;margin-top:0}.page_wrapper_card .subtitle{font-size:1rem;font-weight:bold;color:var(--dark-text-secondary);margin-bottom:20px;margin-top:0;text-align:center}.page_wrapper_card .back{margin-top:20px;padding-top:20px;border-top:1px dashed var(--dark-input-border)}.page_wrapper_card .back a{color:var(--dark-text-secondary);font-weight:normal;display:inline-flex;align-items:center;gap:8px}.page_wrapper_card .back a:hover{color:var(--primary-color)}.page_wrapper_card .back a i,.page_wrapper_card .back a svg{width:16px;height:16px;flex-shrink:0}.field_hint{margin-top:8px;font-size:.8rem;color:var(--dark-text-secondary);opacity:.8;display:flex;align-items:flex-start;gap:5px}.field_hint i,.field_hint svg{margin:0;width:16px;height:16px;flex-shrink:0;margin-top:2px}.field_hint ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.field_hint ul li{display:flex;align-items:center;gap:5px}.field_hint ul li svg{margin-top:0}.text_center{text-align:center}.text_center span + a{margin-inline-start:8px}.text_center a{color:var(--primary-color);font-weight:500;display:inline-flex;align-items:center;gap:8px;margin:auto 0}.text_center a:hover{opacity:.8}.text_center a i,.text_center a svg{width:16px;height:16px;flex-shrink:0}.otp{display:flex;justify-content:space-between;gap:10px}.otp input{width:100%;max-width:60px;font-size:1.5rem;font-weight:bold;text-align:center;background-color:var(--dark-input-bg);color:var(--dark-text);border:2px solid var(--dark-input-border);border-radius:8px;padding:10px;transition:all .3s ease}.otp input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--btn-shadow)}#timer{padding:0 5px;border-radius:8px;display:inline-block}.popup_error{position:fixed;top:20px;left:50%;transform:translateX(-50%);background-color:var(--dark-card);border:2px solid var(--error-color);border-radius:10px;padding:15px 50px 15px 20px;box-shadow:var(--card-shadow);z-index:2000;display:flex;align-items:center;gap:10px;max-width:90%;width:max-content;color:var(--dark-text);animation:slideDown .3s ease-out}.popup_error svg{width:24px;height:24px;color:var(--error-color);flex-shrink:0}.popup_error p{margin:0;font-weight:500}.popup_error .close{position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:15px;cursor:pointer;color:var(--dark-text-secondary);transition:color .2s ease}.popup_error .close svg{width:16px;height:16px}.popup_error .close:hover{color:var(--error-color)}.popup_error.hide{animation:slideUp .3s ease-in forwards}@-moz-keyframes slideDown{from{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@-webkit-keyframes slideDown{from{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@-o-keyframes slideDown{from{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@-moz-keyframes slideUp{from{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px);display:none}}@-webkit-keyframes slideUp{from{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px);display:none}}@-o-keyframes slideUp{from{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px);display:none}}@keyframes slideUp{from{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px);display:none}}