:root{--primary:#1e481f;--primaryLight:#1e481f;--textPrimary:#0f172a;--lightText:#777;--background:#f7f8fa;--headercolor:#158062;--darkgreen:#166534;--body-font:"Marcellus",serif;--text-font:"Nunito Sans",serif;--primary-font:"Open Sans",serif}.page_404{background:#fff;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:40px 0;font-family:Arvo,serif;display:flex}.page_404 img{width:100%}.four_zero_four_bg{background-image:url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);background-position:50%;background-repeat:no-repeat;background-size:cover;width:300px;height:300px;margin:auto}.four_zero_four_bg h1,.four_zero_four_bg h3{font-size:80px}.link_404{background:#39ac31;margin:20px 0;padding:10px 20px;display:inline-block;color:#fff!important}.contant_box_404{margin-top:-50px}.loader{box-sizing:border-box;border:3px solid #fff;border-bottom-color:#0000;border-radius:50%;width:42px;height:42px;animation:1s linear infinite rotation;display:inline-block;position:relative}.loader:after{content:"";box-sizing:border-box;transform-origin:50%;border:3px solid #fff;border-color:#0000 #fff #f0f0f0;border-radius:50%;width:20px;height:20px;margin:auto;animation:.5s linear infinite rotationBack;position:absolute;inset:0}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.login-body{background-color:var(--background);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-container{background:#fff;border-radius:8px;flex-wrap:wrap;width:100%;max-width:900px;display:flex;overflow:hidden;box-shadow:0 4px 8px #0000001a}.login-box{flex-direction:column;width:100%;display:flex}.login-content{text-align:center;flex-direction:column;gap:12px;width:100%;padding:48px;display:flex}.brand-title{color:var(--headercolor);font-size:1.8rem;font-weight:400;font-family:var(--text-font);text-align:center;text-decoration:none}.tagline{color:#555;font-size:1rem;font-family:var(--text-font);text-align:center}.description{color:#777;font-size:.9rem;font-family:var(--text-font);text-align:center}.login-form{text-align:start;font-family:var(--text-font);flex-direction:column;gap:12px;display:flex}.login-form,.firstname,.email .password label{color:var(--textPrimary);font-size:.9rem;font-weight:600;font-family:var(--text-font)}.firstname,.email,.password{flex-direction:column;gap:12px;display:flex}.login-form input{width:100%;font-size:1rem;font-family:var(--text-font);border:1px solid #ddd;border-radius:5px;padding:12px}::placeholder{color:#adadad;opacity:1}::-moz-placeholder{color:#bbb}.password-container{position:relative}.view-password-btn{color:#909397;cursor:pointer;background:0 0;border:none;font-size:14px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.btn-section{flex-direction:column;justify-content:center;gap:12px;width:100%;padding-top:12px;display:flex}.btn-section span{text-align:center;font-family:var(--text-font)}.btn-section .login{font-family:var(--text-font);background-color:var(--darkgreen);color:#fff;cursor:pointer;border:1px solid #ddd;border-radius:12px;padding:12px;font-size:16px}.btn-section .google-login{cursor:pointer;background-color:#000;border:1px solid #ddd;border-radius:12px;justify-content:center;align-items:center;gap:12px;display:flex}.btn-section .google-login:hover{background-color:#000}.btn-section .google-login span{font-family:var(--text-font);flex-direction:row;padding-top:12px;padding-bottom:12px;font-size:16px;display:flex}.signup-text{color:#555;font-size:.9rem;font-family:var(--text-font);text-align:center;justify-content:center;gap:10px;margin-top:15px;display:flex}.signup-text a{color:#2f855a;font-weight:500;font-family:var(--text-font);text-decoration:none}.signup-text a:hover{text-decoration:underline}.login-image{width:50%;display:none}.login-image img{object-fit:cover;width:100%;height:100%}.main-otpContainer{justify-content:center;gap:12px;margin:auto;display:flex}.otp-input-form{text-align:center;border:1px solid #7ec47e;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:42px;height:42px;display:inline}.otp-wrapper{background:#f6fff7;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.otp-card{text-align:center;background-color:#fff;border-radius:16px;width:100%;max-width:500px;padding:2rem;box-shadow:0 0 12px #0000001a}.otp-logo{color:#1f8a4c;margin-bottom:1rem;font-family:Segoe UI,sans-serif;font-size:2rem;font-weight:400}.otp-heading{color:#333;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.otp-subtext{color:#555;margin-bottom:1rem;font-size:.95rem}.otpContainer{justify-content:center;gap:8px;margin-bottom:1rem;display:flex}.otp-input-form{text-align:center;border-radius:8px;width:45px;height:45px;font-size:1.2rem}.otp-input-form:focus{outline:none;box-shadow:0 0 5px #1f8a4c80}.otp-timer{color:#e63946;margin-bottom:1rem;font-size:.95rem}.otp-resend{color:#1f8a4c;cursor:pointer;background:0 0;border:none;font-weight:700;text-decoration:underline}.otp-verifyBtn{color:#fff;cursor:pointer;background-color:#1f8a4c;border:none;border-radius:8px;padding:10px 24px;font-size:1rem;transition:background .3s}.otp-verifyBtn:hover{background-color:#15733b}.otp-verifyBtn:disabled{cursor:not-allowed;background-color:#b0b0b0}