.Login-page{position:relative;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden}.video-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.Login-box{background-color:#ffffffe6;padding:2rem;border-radius:15px;box-shadow:0 4px 20px #0003;text-align:center;width:100%;max-width:400px;z-index:1}.logo{margin-bottom:1.5rem}.hagere-logo{width:120px;height:auto}.login-title{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;color:#333}.login-subtitle{font-size:1rem;color:#666;margin-bottom:2rem}.input-group{display:flex;align-items:center;margin-bottom:1.5rem;border:1px solid #ddd;border-radius:8px;padding:.5rem;background-color:#fff}.input-icon{width:20px;height:20px;margin-right:.5rem}.login-input{flex:1;border:none;outline:none;font-size:1rem;padding:.5rem;background-color:transparent}.login-input::placeholder{color:#999}.login-button{width:100%;padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.login-button:hover{background-color:#0056b3}.error-message{color:#ff4d4d;font-size:.9rem;margin-top:1rem}.signup{margin-top:1.5rem;font-size:.9rem;color:#666}.signup-link{color:#007bff;text-decoration:none;cursor:pointer;margin-left:.5rem}.signup-link:hover{text-decoration:underline}.otp{width:100%;display:flex;align-items:flex-start;justify-content:space-between}.phone-input-otp{width:75%;border-radius:10px}.sendcode-button,.backtologin-button{border-radius:10px}.Signup{width:450px;height:70%;display:flex;justify-content:start;flex-direction:column;align-items:center}.signup-form{width:90%;height:80%;display:flex;flex-direction:column;justify-content:start}form input{padding:13px;margin-bottom:10px;outline:none;border:none;background-color:#d9d9d9;border-radius:50px}form input:focus,form input:hover{background-color:#c9c9c9;transition:.4s ease}form input:focus{border-radius:10px}form input::placeholder{color:#000;font-size:12px;text-indent:30px}form input[type=text]{text-indent:30px}form button{padding:13px;border:none;background:none;outline:none;background-color:#1565c0;color:#fff;border-radius:50px;cursor:pointer}form button:hover{background-color:#012855;transition:.4s ease;border-radius:10px}form p{font-size:12px;text-align:center}.Login .login_p{font-size:25px;margin-bottom:40px;border-top:1px solid black;padding:2px;border-top-width:2px}.signup{display:flex;justify-content:center;align-items:center}.signup a{font-size:12px;border-bottom:1px solid black;padding:2px;cursor:pointer;text-decoration:none}.signup a:hover{border-bottom:none}form .phone-icon{width:12px;position:absolute;margin-top:14px;margin-left:20px}form .password-icon{width:12px;position:absolute;margin-top:64px;margin-left:20px}.signup_p{font-size:25px;margin-bottom:40px;border-top:1px solid black;padding:2px;border-top-width:2px}.signup-button-small{background:none;outline:none;border:none;box-shadow:none;color:#000}.signup-button-small :hover{background-color:none;color:#012855;background:none}@media (max-width: 550px){.signup_p{font-size:23px}.Signup{width:100%;height:auto;display:flex;justify-content:center;flex-direction:column;align-items:center}.signup-input{border-radius:10px;padding:17px}.signup-button{border-radius:10px}}body{margin:0;padding:0;background-color:#fff;position:relative}.background-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,2fr);gap:30px;pointer-events:none;z-index:0;row-gap:100px;column-gap:100px;padding:50px}.background-container div{width:100px;height:100px;background-image:url(/assets/logo.BKme7bJi.svg);background-size:contain;background-repeat:no-repeat;opacity:.7;transform:rotate(15deg)}@keyframes pulseRotate{0%{transform:translate(0) rotate(var(--rotate, 15deg))}50%{transform:translate(15px,-15px) rotate(var(--rotate, 15deg))}to{transform:translate(0) rotate(var(--rotate, 15deg))}}.background-container div:nth-child(odd){animation-delay:1s}#root{position:relative;z-index:1}
