*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f3f4f6;padding:1rem}.container{width:100%;max-width:400px;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);padding:2rem}.tabs{display:flex;gap:4px;background-color:#f3f4f6;padding:4px;border-radius:8px;margin-bottom:1.5rem}.tab{flex:1;padding:.75rem;border:none;border-radius:6px;background:0 0;cursor:pointer;font-size:.95rem;color:#4b5563;transition:all .2s}.tab.active{background:#fff;color:#1f2937;box-shadow:0 1px 3px rgba(0,0,0,.1)}.form-container>form{display:none}.form-container>form.active{display:block}.input-group{position:relative;margin-bottom:2rem}.input-group:last-of-type{margin-bottom:2.5rem}label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.input-field{position:relative}.input-field input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:all .2s}.input-field input:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.input-field i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:1;transition:color .2s}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;color:#9ca3af;z-index:1;transition:color .2s;padding:.25rem}.password-toggle:hover{color:#6b7280}.password-toggle i{margin-left:.7rem}.error-message{position:absolute;left:0;bottom:-1.5rem;color:#dc2626;font-size:.8rem;display:none;width:100%;line-height:1.2}.error-message.visible{display:block}input.error{border-color:#dc2626!important}.input-field i.error-icon,.password-toggle i.error-icon{color:#dc2626}.forgot-password{text-align:right;width:max-content;float:right}.back-to-login,.forgot-password a{color:#3b82f6;text-decoration:none;font-size:.875rem;transition:color .2s}.back-to-login:hover,.forgot-password a:hover{text-decoration:underline;color:#2563eb}.back-to-login{display:inline-block;margin-top:1rem}button[type=submit]{width:100%;padding:.75rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:.5rem}button[type=submit]:hover{background:#2563eb}.form-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.success-message{color:#22c55e;text-align:center;margin-top:15px;display:none}#registerForm .input-group:last-of-type{margin-bottom:2.5rem}#registerForm .input-group.password-group .error-message:last-of-type{margin-bottom:-.6rem}@media (max-width:480px){.container{padding:1.5rem}.input-group{margin-bottom:2.25rem}#registerForm .input-group:last-of-type{margin-bottom:3rem}}.remember-me-forget-password-container{display:flex;justify-content:space-between;margin-bottom:1rem}.remember-me{display:flex;align-items:center;width:max-content}.remember-me input[type=checkbox]{margin-right:.5rem;width:1rem;height:1rem}.remember-me label{margin-bottom:0}