:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0;color:var(--text-color)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.fldWrap{display:flex;flex-direction:column;gap:.5rem;text-align:left}label{display:block;color:#4a5568;font-size:14px}.errorColor{color:var(--error-color)}input:focus{outline:none;box-shadow:0 0 0 2px #4f46e51a}.iconShowHide{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.875rem;padding:.25rem .5rem;border-radius:4px}.iconShowHide:hover{background-color:#f1f5f9}.btnStyle1{width:100%;padding:.875rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.btnStyle1:hover{background-color:var(--primary-hover)}.google-btn{background-color:#db4437;margin-top:1rem}.google-btn:hover{background-color:#c23321}a{color:var(--primary-color);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}.forgotPassword{text-align:right;margin-top:.5rem}.terms{text-align:center;font-size:.875rem;color:var(--text-color);margin-top:1rem}.msgError{background-color:#fee2e2;color:var(--error-color);padding:1rem;border-radius:6px}.regSuccess{background-color:#dcfce7;color:var(--success-color);padding:1rem;border-radius:6px}@media (max-width: 480px){.loginFormWrap{padding:1.5rem}.formBlk h1{font-size:1.5rem}}.captcha-container{margin:1.5rem 0}.signupContainer{width:450px;display:flex;align-items:center;justify-content:center;background-color:#fff;box-shadow:0 16px 32px #5a5b6a1f,0 8px 16px #3a3a441f;border-radius:15px}.formWrap{width:100%;max-width:400px;padding:2rem}.fldWrap{margin-bottom:1.5rem}.fldShowHide{position:relative}.iconShowHide{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer}input{width:100%;padding:.75rem 1rem;transition:border-color .2s;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;background-color:#f8f9fa}input:focus{box-shadow:0 0 0 3px #2563eb1a}