*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}.logo-img{height:auto;width:7rem}.confirm{align-items:center;background:#446;border:none;border-radius:.5rem;color:#fff;transition:all .3s ease}.login-container{backdrop-filter:blur(10px);background:rgba(30,41,59,.7);border:1px solid rgba(99,102,241,.3);border-radius:1rem;box-shadow:0 8px 32px rgba(0,0,0,.2);max-width:100%;padding:2rem;position:relative;transition:all .3s ease;width:30rem}.form-control{background:rgba(30,41,59,.5);border:1px solid rgba(99,102,241,.3);color:#fff;direction:rtl;transition:all .3s ease}.form-control:focus{background:rgba(30,41,59,.7);border-color:rgba(99,102,241,.8);box-shadow:0 0 0 3px rgba(99,102,241,.2);color:#fff;direction:rtl}.form-control::placeholder{color:hsla(0,0%,100%,.5);direction:rtl}.form-check-input{background-color:rgba(30,41,59,.5);border:1px solid rgba(99,102,241,.3)}.form-check-input:checked{background-color:#6366f1;border-color:#6366f1}.btn-login{background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;color:#fff;overflow:hidden;position:relative;transition:all .3s ease}.btn-login:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#4f46e5);box-shadow:0 4px 12px rgba(99,102,241,.4);color:#fff;transform:translateY(-2px)}.btn-login:disabled{background:linear-gradient(135deg,#4f46e5,#6366f1);cursor:not-allowed;opacity:.7}.text-indigo{color:#6366f1}.text-light-indigo{color:#a5b4fc}a{color:#818cf8;text-decoration:none}a:hover{color:#6366f1}.verification-input{font-size:1.5rem;font-weight:700;height:3rem;text-align:center;width:3rem}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.3)}.phone-number{color:#a5b4fc;font-weight:700}.edit-link-container{background:rgba(30,41,59,.5);border:1px solid rgba(99,102,241,.5);border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 0 1px rgba(99,102,241,.2);display:inline-block;margin-top:.5rem;padding:.4rem .8rem;transition:all .3s ease}.edit-link-container:hover{background:rgba(30,41,59,.7);box-shadow:0 6px 16px rgba(0,0,0,.2),0 0 0 2px rgba(99,102,241,.3);transform:translateY(-2px)}.edit-link{align-items:center;color:#a5b4fc;display:flex;font-size:.9rem;gap:.5rem}.edit-link:hover{color:#818cf8}.loading-overlay{align-items:center;backdrop-filter:blur(3px);background:rgba(15,23,42,.5);border-radius:1rem;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:10}.loading-overlay.active{opacity:1;visibility:visible}.spinner{animation:spin 1.2s linear infinite;border-color:#6366f1 transparent;border-radius:50%;border-style:solid;border-width:3px;height:60px;width:60px}.spinner:after,.spinner:before{border:3px solid transparent;border-radius:50%;content:"";position:absolute}.spinner:before{animation:spin 1.8s linear infinite reverse;border-bottom-color:#818cf8;border-top-color:#818cf8;bottom:5px;left:5px;right:5px;top:5px}.spinner:after{animation:spin 1s linear infinite;border-bottom-color:#a5b4fc;border-top-color:#a5b4fc;bottom:15px;left:15px;right:15px;top:15px}.border-pulse{border-radius:1rem;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:5}.border-pulse.active{animation:borderPulse 1.5s ease-in-out infinite;opacity:1;visibility:visible}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes borderPulse{0%{box-shadow:0 0 0 0 rgba(99,102,241,.7)}70%{box-shadow:0 0 0 10px rgba(99,102,241,0)}to{box-shadow:0 0 0 0 rgba(99,102,241,0)}}.form-content{transition:opacity .3s ease}.form-content.loading{opacity:.6}